@charset "utf-8";
/*-----------------------------------------------------
							　　　　　目次

■PC 共通パーツ
・font-size フォントサイズ
・layout　レイアウト
・header ヘッダー
・globalNavi グローバルナビ
・siteStructure パンくず
・mainImg　メインイメージ
・contentsWrap 幅
・subNavi サブナビ
・main メインコンテンツ
・localNavi ローカルナビ
・footer フッター


■PC 汎用スタイル
・見出し
・ボタン
・背景
・枠
・tel番タップ
・その他
・hover無効化

■PC ページごと個別スタイル


-----------------------------------------------------*/


/*  ================================================================================================

    PC 共通パーツ

    ============================================================================================  */
.product .mainContents {
	font-family: "Noto Sans JP";
}




.product .localMenu, .product .productDetaiTab, .product .productContent {
	font-family: "Noto Sans";
}


header li,header dl,header dt,header dd,header input,header,header nav,header a,header span {
	font-family: ""SF Pro JP","SF Pro Text","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"Meiryo UI","Yu Gothic UI","ＭＳ Ｐゴシック","Segoe UI",SegoeUI,"Helvetica Neue","Helvetica","Arial",sans-serif";
}

/* font-size フォントサイズ
------------------------------------------------------------------ */
html {
	font-size: 62.5%;
}

body {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
}


/* clearfix
---------------------------------------*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix:before {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}


/* layout　レイアウト
------------------------------------------------------------------ */
#wrapper {
	min-width: 1260px;
	position: relative;
	overflow:hidden;
}
.contentsWrap {
	/* margin-top: 121px; */
	margin-top: 100px;
}
/* body.docPdf .contentsWrap{
    margin-top: 0;
} */
body.top .contentsWrap {
	margin-top: 0;
}




/* header ヘッダー
------------------------------------------------------------------ */
header .spHeaderArea,
.underlay {
	display: none;
}
header img {
	width: auto;
	max-width: 110px;
}
header span,
header a {
	transition: .2s;
	cursor: pointer;
}
header span:hover,
header a:hover {
	text-decoration: none;
	opacity: .7;
}
header {
	position: fixed;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background:#fff;
	z-index: 10000 !important;
	width: 100%;
	transition: .2s;
	box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
	background: rgba(255, 255, 255, 1);
	letter-spacing: 1px;
	font-feature-settings: normal;

	min-width: auto !important;
}
header.shadow {
}
header.shadow nav {
	display: none;
}
header .innerWrap {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	z-index: 110;
}
header .headerInner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 0 10px;
}
/* left */
header .logoArea {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
header .logoArea .logoAreaInner {
	display: flex;
	gap: 10px;
	align-items: center;
}
header a.medic {
	color: #000;
	line-height: 1.8;
}
/* right */
header .link {
	color: #666;
	font-weight: bold;
	margin-top: 0;
}
header .link a,
header .headerInner .icoEMR {
	padding: 6px 0px 7px 22px;
	color: #666;
	display: flex;
	align-items: center;
	height: 32px;
	font-size: inherit;
	text-decoration: none;
	line-height: 1.2;
}
header .link span {
	height: 32px;
}
header .link a.regist,
header .link span.login {
	border: 1px solid #003F73;
	border-radius: 100vmax;
	padding: 0 10px;
	color: #003F73;
	display: flex;
	align-items: center;
	line-height: 1.2;
}
header .link ul {
	display: flex;
	align-items: center;
	gap: 15px;
	font-size: 12px;
	margin-bottom: 0;
}
header .link .btnHeader {
	background: #003F73;
	color: #fff;
	border-radius: 100vmax;
	padding: 6px 10px 7px 32px;
	line-height: 1.3;
}
header a,
header .headerInner .icoEMR {
	position: relative;
	z-index: 1;
}
header .headerInner .icoEMR:hover {
	cursor: pointer;
	opacity: .7;
}
header .headerInner .icoEMR span {
	position: absolute;
	top: -15px;
	left: 20px;
	width: 145px;
	font-weight: normal;
	font-size: 10px;
	background: #f00;
	height: auto;
	padding: 2px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}
header .headerInner .icoEMR span:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 70%;
	translate: -50% 0;
	z-index: -1;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 10px solid transparent;
	border-left: 20px solid transparent;
	border-bottom: 20px solid #f00;
	border-top: 0;
	pointer-events: none;
	rotate: 180deg;
}
header .headerInner a:before,
header .headerInner .icoEMR:before {
	content:"";
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 10px;
	background-size: contain;
	top: 6px;
}
header .headerInner .icoEMR:before {
	background: url(/lib/img/common/header/icon_emr.png) center center no-repeat;
}
header .headerInner a.icoQuickAccess:before {
	background: url(/lib/img/common/header/icon_quickaccess.png) center center no-repeat;
}
header .headerInner a.icoContact:before {
	background: url(/lib/img/common/header/icon_contact.png) center center no-repeat;
	top: 7px;
	left: 0px;
}
/* site search */
header #ss-form1 {
	position: relative;
}
header #ss-query1 {
	padding-left: 1.6em;
	width: 120px;
	margin: 0;
	font-size: 12px!important;
	font-weight: bold!important;
}
header #ss-query1::placeholder {
	color: #666;
}
header #ss-form1 .searchBtn {
	background: url(/lib/img/common/header/icon_search.png) center center no-repeat;
	content:"";
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 2px;
	background-size: contain;
	top: 50%;
	transform: translateY(-50%);
}
header #ss-form1 input {
	background: none;
	transition: .2s;
	border-radius: 4px;
	font-family: inherit;
	font-weight: normal;
	line-height: 1.4;
}
header #ss-form1 input:focus {
	background: #efefef;
	width: 180px;
}

/* global navi */
header nav {
	position: relative;
	height: 39px;
}
header nav .globalNavi {
	display: flex;
	width: 1168px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}
header nav .globalNavi > li {
	font-weight: bold;
	padding: 0 16px;
	line-height: 1.8;
	vertical-align: baseline;
	position: unset;
}
header nav .globalNavi li,
header nav .globalNavi li a {
	color: #003F73;
}
header nav .globalNavi > li > span,
header nav .globalNavi > li > a {
	display: inline-block;
	position: relative;
	font-size: 14px!important;
	padding-bottom: 10px;
	border-bottom: 2px solid #ffffff;
	vertical-align: baseline;
}
header nav .globalNavi > li > span,
header nav .globalNavi > li > span span {
	cursor: default;
}
header nav .globalNavi > li:hover > a,
header nav .globalNavi > li:hover > span {
	border-bottom: 2px solid #003f73;
}
header nav .globalNavi > li:not(:last-child) > span:after,
header nav .globalNavi > li:not(:last-child) > a:after {
	content:"";
	background: #DFDFDF;
	width: 1px;
	height: 20px;
	display: inline-block;
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-75%);
	cursor: default;
}
header nav .globalNavi li.current {
	border-bottom: 2px solid #003f73;
}
/* mega menu */
header nav .globalNavi li .megaContents {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	background: rgba(243,243,243,1);
	box-shadow: 0 2px 5px 0px rgba(0,0,0,0.1);
	visibility: hidden;
	opacity: 0;
  z-index: 99;
}
@media screen and (max-width: 1160px) {
	header nav .globalNavi li .megaContents {
		margin: 0;
	}
}
header nav .globalNavi li .megaContents .innerWrap {
	padding: 30px;
	width: 1212px;
}
header nav .globalNavi > li:last-child .megaContents .innerWrap > dl {
	flex-wrap: wrap;
}
header nav .globalNavi > li:last-child .megaContents .innerWrap > ul li,
header nav .globalNavi > li:last-child .megaContents .innerWrap > dl dt {
	width: 100%;
}
header nav .globalNavi > li:last-child .megaContents .innerWrap > dl dd {
	width: 100%;
	padding-left: 30px;
}
header nav .globalNavi > li .megaContents ul {
	gap: 20px;
	justify-content: flex-start;
	flex-wrap: wrap;
}
header nav .globalNavi > li:hover .megaContents ul {
	gap: 15px;
	justify-content: flex-start;
	flex-wrap: wrap;
}
header nav .globalNavi > li:hover .megaContents li {
	width: 180px;
}
header nav .globalNavi > li:hover .megaContents li a,
header nav .globalNavi > li:hover .megaContents li span {
	border-bottom: none;
	display: inline-block;
}
header nav .globalNavi > li:hover > .megaContents {
	visibility: visible;
	opacity: 1;
	top: 39px;
}
header .megaContents ul,
header .megaContents dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}
header .megaContents ul a:after,
header .megaContents dl a:after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #003F73;
	border-right: 1px solid #003F73;
	transform: rotate(45deg);
	position: absolute;
	right: -16px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
}
header .megaContents ul:not(:last-child) {
	padding-bottom: 20px;
}
header .megaContents dl {
	align-items: flex-start;
	background-image: linear-gradient(to right, #003F73 1px, transparent 1px);
	background-size: 4px 1px;
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 20px;
}
header .megaContents dl dt {
	width: 180px;
}
header .megaContents dl.order1 dt {
	padding-left: 29px;
	color: #003F73;
}

header .megaContents dl dd {
	width: calc(100% - 190px);
}
header .megaContents dl dd ul {
	width: 100%;
	flex-wrap: wrap;
}
header .megaContents dl dd ul li {
	width: 170px;
	margin: 0;
}

.contentsWrap:has(header) .siteStructureWrap {
	margin-top:100px;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

header .newsMailBtn {
	position: static;
	margin: 0 0 0;
}
header .newsMailBtn {
	border: 2px solid #084877;
	border-radius: 100px;
	width: 136px;
	height: 36px;
	font-size: 12px;
	font-weight: bold;
	color: #084877;
	text-align: center;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0;
}
header .newsMailBtn::before{
	content: "";
	display: inline-block;
	width: 80px;
	height: 20px;
	background: url(/lib/img/common/logo_infomail.png) center no-repeat;
	background-size: contain;
	margin: 0 6px 3px 0;
	vertical-align: middle;
}
header .newsMailBtnWrap {
	position: relative;
}
header .newsMailBtnWrap .newsMailBtn {
	border: 2px solid #084877;
	border-radius: 100px;
	width: 136px;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	color: #084877;
	text-align: center;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: 0;
	/* padding: 0 10px; */
	padding-top: 4px;
}
header .newsMailBtnWrap .newsMailBtn::before {
	content: "";
	display: inline-block;
	width: 80px;
	height: 18px;
	background: url(/lib/img/common/logo_infomail.png) center no-repeat;
	background-size: contain;
	margin: 0 2px 0 0;
	vertical-align: middle;
	position: relative;
	top:-2px;
}
header .nmSuggest {
	width: 346px;
	height: 80px;
	background: url(/lib/img/common/img_balloon.png);
	background-size: contain;
	font-size: 16px;
	line-height: 1.2;
	color: #084877;
	padding: 11px 15px;
	position: absolute;
	left: -338px;
	top: 0;
	z-index: 101;
	animation: updown 2s infinite ease-in-out;
}
header .nmSuggest.sp,
header .nmSuggest.hide {
	display: none;
}
header .nmlinkBtn {
	display: inline-block;
	background: #084877;
	font-size: 11px;
	color: #fff;
	padding: 0 5px;
	border-radius: 10px;
	position: absolute;
	right: 18px;
	bottom: 8px;
}
@keyframes updown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
.newsMailBtnWrapSp {
	display: none;
}

/**/

/* クイックアクセス吹き出し */
header .link #quickaccess {
	position: relative;
	z-index: 0;
}
header .quickaccessLink{
	position: relative;
}
header .quickaccessBalloonWrap{
	display: none;
	width: 260px;
	position: absolute;
	top: 50px;
	left: -50px;
	z-index: 9999;
	filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.5))
}
header .quickaccessBalloonBlock{
	position: relative;
}
header .quickaccessBalloonBlock::after{
  content: "";
  background: #fff;
  height: calc(70px / 2);
  width: 25px;
  clip-path: polygon(50% 0, 100% 92%, 0 100%);
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
}
header .quickaccessBalloonBlock::before{
	content: "";
	width: 100%;
	height: 18px;
	position: absolute;
	top: -18px;
	left: 0;
}
/* .quickaccessBalloonWrap .qcBalloonTtl{
	background: #0063b7;
	border-radius: 8px 8px 0 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	border: 1px solid #f3f3f3;
} */
header .quickaccessBalloonWrap .qcBalloonList{
	background: #fff;
	border-radius: 0 0 8px 8px;
	border: 1px solid #f3f3f3;
	display: flex;
	flex-direction: column;
	border-radius: 10px;
}
header .quickaccessBalloonWrap .qcBalloonList {
	gap:0;
}
header .quickaccessBalloonWrap .qcBalloonList li {
	text-align: center;
	width: 100%;
}
header .quickaccessBalloonWrap .qcBalloonList li:not(:last-child) {
	background-image: linear-gradient(to right, #ccc 1px, transparent 1px);
	background-size: 4px 1px;
	background-repeat: repeat-x;
	background-position: bottom;
}
header .quickaccessBalloonWrap .qcBalloonList a{
	color: #003f73;
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 10px 0;
	height: 40px;
}
header .quickaccessBalloonWrap .qcBalloonList a:hover{
	text-decoration: underline;
}






























/* mainImg　メインイメージ
------------------------------------------------------------------ */
#mainImg{
	background: url(/lib/img/common/bg_main.jpg) no-repeat;
	background-size:cover;
	padding: 50px 0;
	text-align: center;
}

/* 領域情報　メインイメージ */
body#regionInformation #mainImg{
	background: none;
	padding: 0;
}
body#regionInformation #mainImg .mainSlider{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}


/* subImg　下層メインイメージ
------------------------------------------------------------------ */
#subImg {
	background: url(/lib/img/common/bg_sub.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 54px 0;
	text-align: center;
}
#subImg .subTtl {
	color: #fff;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
}

/*ストリーミングページタイトル*/
#subImg.stremingTtl{
	background:#E6EBF1;
	padding:19px 0;
}
#subImg.stremingTtl h1.subTtl{
	color:#06487a;
}
#subImg.stremingTtl h1.subTtl span{
	font-size:24px;
}

/* pankuzu パンくず
------------------------------------------------------------------ */
.siteStructureWrap [class*="col-xs-"] {
	padding-bottom: 0;
}
.siteStructureWrap{
	margin-bottom: 28px;
	background:#f5f5f5;
	z-index: 9;
  position: relative;
}
/* body.product .siteStructureWrap{
	margin-bottom: 53px;
} */

.siteStructureWrap .siteStructure{
	overflow: hidden;
	font-size: 18px;
	display: flex;
	align-items: center;
	padding: 14px 20px;
    flex-wrap:wrap;
}
.siteStructureWrap .siteStructure li{
	padding-right: 3px;
	font-size: 14px;
	line-height:1.4;
	white-space: nowrap;
	font-weight: bold!important;
}

.siteStructureWrap .siteStructure li a{
	color: #003F73;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.siteStructureWrap .siteStructure li:after{
	content: "＞";
	padding-left: 7px;
}
.siteStructureWrap .siteStructure li:last-child:after{
	content: none;
}

.breadcrumbWrap .breadcrumb li a {
	color: #003F73;
}

/* contentsWrap 幅
------------------------------------------------------------------ */
.fitWidthA{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.fitWidthB{
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}
.fitWidthC{
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}


/* localNavi ローカルナビ
------------------------------------------------------------------ */


/* footer フッター
------------------------------------------------------------------ */
footer {
	background-color: #fff;
	width:100%;
  margin-top: auto;
}
/* #footerWrap{
	padding-top: 98px;
} */
body.top #footerWrap{
	margin-top: 50px;
}
/* フッターリンク */
footer ul{
	text-align: center;
	margin-bottom: 27px;
}
footer ul li{
	display: inline-block;
	padding: 0 14px 0 7px;
	position: relative;
}
footer ul li::after{
	content: "";
	display: block;
	width: 2px;
	height: 16px;
	background-color: #ccc;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
footer ul li:last-child:after{
	content: none;
}

footer ul li a{
	text-decoration: none;
	color: #010000!important;
	font-size: 1.4rem;
}

/* コピーライト */
footer small{
	border-top: 2px solid #023f73;
	display: block;
	text-align: center;
	font-size: 1.2rem;
	color: #999999;
	padding: 12px 0;
}

/* ページトップ */
.btnPageBtn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 77%;
}




/*  ================================================================================================

    PC 汎用スタイル

    ============================================================================================  */
/* 追従アンカー
-----------------------------------------------------*/
.stickyWrap{
	position:fixed;
	top:145px;
	z-index: 200;
	visibility:hidden;
	opacity: 0;
	transition-property:visibility opacity display;
	transition-duration: 0.7s;
	font-size:1.4rem;
}
.stickyAfterScroll{
	visibility: visible;
	opacity:1;
}
.isSticky{
	margin:0 auto;
	display:flex;
	flex-direction: column;
	align-items: center;
	width:100px;
	background-color:#d6e1e9;
	border:2px solid #003f73;
	border-left:0px;
	border-radius:0 17px 17px 0;
}
.sticky{
	flex:1;
	border-bottom:3px dotted #ffffff;
	padding:20px 3px 15px;
	min-width: 70%;
}
.sticky:last-of-type{
	border:none;
}
.stickyText{
	color:#003f73;
	font-weight:bold;
	text-align:center;
	line-height: 1.4em;
}
.stickyText:hover{
	opacity: 0.7;
	cursor: pointer;
}
#boxForInterSectionObserver{
	width: 20px;
    height: 20px;
    position: absolute;
    left: 50vw;
    right: 0;
	top: 121px;
	visibility: hidden;
}
/* 見出し
-----------------------------------------------------*/
.mainTitle{
	border-bottom: 2px solid #003f73;
	padding: 27px 0 17px;
	margin-bottom:40px;
}
.titleA{
	font-size: 3.2rem;
	text-align: center;
	color: #003f73;
	font-weight: bold;
}
.titleB{
	font-size: 24px;
	font-weight: bold;
	color: #464646;
	text-align: center;
	line-height: 3.2;
	margin-bottom: 8px;
	position: relative;
}
body.product .productDetailArea .titleB.properUse {
	margin-bottom: 10px!important;
}

body#regionInformation .titleB{
	line-height: 1.5;
}

.titleB .linkText{
	font-size: 1.6rem;
	color: #0063b7;
	font-weight: normal;
	position: absolute;
	top: 10px;
	right: 0;
}
.titleB .linkText .linkArrow{
	display: inline-block;
	background: url(/lib/img/common/img_arrowR.png) center right no-repeat;
	padding-right: 15px;
}
.titleC{
	display: flex;
	font-size: 2.2rem;
	color: #464646;
	margin-bottom: 21px;
}
.titleC span{
	display: inline-block;
	font-size: 1.6rem;
	margin: 0 0 0 auto;
}


.titleD span{
	display: block;
	font-size: 1.8rem;
	font-weight: normal;
}
.titleD::before{
	content: "";
	display: block;
	width: 4px;
	height: 64px;
	background-color: #023f73;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
body.product .titleD{
	margin-bottom: 16px;
	letter-spacing: 0.05em;
	font-size: 28px;
}

.titleE{
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.titleF{
	font-size: 2.0rem;
	font-weight: bold;
	color: #464646;
	line-height: 1;
	margin-bottom: 5px;
}
.titleH{
	font-size: 3.2rem;
	color: #023F73;
	text-align:center;
	margin:37px 0;
}
.titleI{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: left;
	margin: 0 175px 10px;
	line-height: normal;
}


/* ボタン
-----------------------------------------------------*/
/* 幅（PCの時のみ可変か固定か） -------------*/
.btnFlexible,
.btnFlexibleFull,
.btnFixedA,
.btnFixedD{
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px 20px 17px;
	margin: 0 10px;
}
.btnFlexibleFull{
	display: block;
	margin: 0 0 20px;
}
.btnFixedA{
	width: 600px;
}
.btnFixedB,
.btnFixedC{
	width: 400px;
	display: inline-block;
	font-size: 1.6rem;
	text-align: center;
	border: 2px solid #cccccc;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 13px 0;
	margin: 0 10px;
	border-radius: 10px;
	font-weight: bold;
}
.btnFixedC{
	border: 2px solid #003f73;
}
.btnFixedD{
	width: 260px;
	padding: 11px 20px 9px;
}


/* hover */
.btnFlexible:hover,
.btnFixed:hover{
	text-decoration: none;
}
.btnArea .btnA:hover,
.btnArea .btnB:hover{
		opacity: 1;
}
.btnA:hover{
	background-color: #003f73;
	color: #f5f5f5!important;
}
.btnB:hover{
	background-color: #003f73;
	color: #fff!important;
}

.healthyBtn{
	display:block;
	width:580px;
	height:80px;
	color:#FFF!important;
	font-size:2.6rem;
	font-weight:bold;
	background:url(/lib/img/common/ico_btnright.png)no-repeat right 5% center;
	background-color:#023F73;
	text-align: center;
	line-height: 80px;
	margin:0 auto 106px;
}
.healthInfoBtn{
	display: inline-block;
	width: 580px;
	color: #FFF!important;
	font-size: 2.6rem;
	font-weight: bold;
	background-color: #023F73;
	text-align: center;
	padding: 21px 23px;
	position: relative;
}
.healthInfoBtn::after{
	content: "";
	width: 7px;
	height: 12px;
	border: 7px solid transparent;
	border-left: 7px solid #fff;
	vertical-align: middle;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
}
.codeInfoBtn{
	display: inline-block;
	color: #fff!important;
	background-color: #003f73;
	border: 1px solid #003f73;
	border-radius: 10px;
	width: 200px;
	padding: 17px 0 16px;
	font-weight: bold;
}
.codeInfoBtn:hover{
	color: #003f73!important;
	background-color: #fff;
	font-weight: bold;
}
.searchNavi.is-fixed .codeInfoBtn{
	padding: 0;
}

/* 矢印の形状 ------------------------------*/
/* 右配置　右→ */
.arrowR{
	position: relative;
	display: inline-block;
	padding-right: 32px;
	vertical-align: middle;
	text-decoration: none;
}
.arrowR:after{
	display: inline-block;
	content: "";
	vertical-align: middle;
	background: url(/lib/img/common/ico_arrowR_w.png) center no-repeat;
	background-size: contain;
	width: 6px;
	height: 16px;
	margin-left: 17px;
}

/* 右配置　下↓ */
.arrowD{
	position: relative;
	display: inline-block;
	padding-right: 32px;
	vertical-align: middle;
	text-decoration: none;
}
.btnFlexible.arrowD{
	padding-right: 48px;
}
.arrowD:before,
.arrowD:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrowD:before{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #fff;
}
.arrowD:after{
	top: -2px;
	right: 23px;
	width: 9px;
	height: 9px;
	border-top: 2px solid #527F6B;
	border-right: 2px solid #527F6B;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

/* 左配置　左← */
.arrowL{
	position: relative;
	display: inline-block;
	padding-left: 32px;
	vertical-align: middle;
	text-decoration: none;
}
.btnFlexible.arrowL{
	padding-left: 48px;
}
.arrowL:before,
.arrowL:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15px;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrowL:before{
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #527F6B;
}
.arrowL:after{
	left: 25px;
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}



/*  背景
-----------------------------------------------------*/

.boxWrapA{
	background-color: #FFF;
	border-radius: 10px;
	padding: 23px 25px;
	margin: 0 10px;
}
.boxWrapB{
	background-color: #FFF;
	border-radius: 10px;
	width: 880px;
	padding: 35px 30px 35px 44px;;
	margin: 0 auto;
}

.bgA{
	background-color: #e5ebf1;
}
.bgB{
	background-color: #eaeaea;
}
.bgC{
	background-color: #fff;
}
.bgD{
	background-color: #e9f7f9;
}


/*  枠・カテゴリ区切り線
-----------------------------------------------------*/
.borderA{
	border: 1px solid #ccc;
	padding: 15px 10px 0 10px;
	height: 100%;
}

.borderB{
	border-bottom: 1px solid #e6e6e6;
}




/*  tel番タップ
-----------------------------------------------------*/
span[data-tel='tel'] {
	font-weight: bold;
	font-size: 3.2rem;
}


/*  その他
-----------------------------------------------------*/
.paragraph{
	margin-bottom: 30px;
}


.errorText{
	color: #b30e00;
}


/*  余白クリア
-----------------------------------------------------*/
.mtmbNonePC{
	margin-top: 0;
	margin-bottom: 0;
}

/*  非表示
-----------------------------------------------------*/
.pcNone{
	display: none;
}


/*---  キャプションを画像の幅に合わせる ---*/
figure.imgFit{
	display: table; /* figure要素をtableとして扱う */
	min-width: 100px;
	margin: 0 auto;
}
figure.imgFit figcaption{
	display:table-caption;
	caption-side:bottom;
}
figure.imgFit .note{
	margin-top:5px;
}

/* hover無効化
-----------------------------------------------------*/


/*
 	hoverのスタイルは
 	touchdevice.css　に記載
---------------------------------*/



/* slider */
.contentsWrap .slick-arrow{
	position: absolute;
}
.contentsWrap .slick-prev,
.contentsWrap .slick-next{
	background-color: #003f73;
	border-radius: 12.5px;
	width: 25px;
	height: 110px;
}
.contentsWrap .slick-prev:hover,
.contentsWrap .slick-next:hover{
	background-color: #e5ebf1;
}

.contentsWrap .slick-prev{
	left: -40px;
}
.contentsWrap .slick-next{
	right: -40px;
	left: auto;
}
.contentsWrap .slick-next:before{
	content: "";
}
.contentsWrap .slick-prev:before,
.contentsWrap .slick-next:before{
	content: "";
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.contentsWrap .slick-prev:before{
	left: 9px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
.contentsWrap .slick-next:before{
	left: 3px;
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;
}
.contentsWrap .slick-prev:hover:before{
	border-left: 3px solid #003f73;
	border-bottom: 3px solid #003f73;
}
.contentsWrap .slick-next:hover:before{
	border-right: 3px solid #003f73;
	border-top: 3px solid #003f73;
}




/* 各ページ共通スタイル
-----------------------------------------------------*/
/* 製品基本情報 */
.productInfoArea{
	margin-bottom: 46px;
}
 body#regionInformation .productInfoArea {
	margin-bottom: 30px;
}
.productInfoArea .productInfoBox{
	padding: 60px 0;
}
.productInfoArea .productInfoBox .titleE{
	margin-bottom: 20px;
	text-align: left;
}
.productInfoArea .productInfoList > li{
	width: 380px;
}
.productInfoArea .productInfoBox .linkList li{
	margin-bottom: 14px;
}
.productInfoArea .productInfoBox .linkList li:last-child{
	margin-bottom: 0;
}
.productInfoArea .productInfoBox .linkList li a{
	margin-bottom: 14px;
}
.posRelative {
	position:relative;
}
.is-fixed {
	position: fixed;
	top: 140px;
	z-index: 2;
	width: 1180px!important;
}
@media screen and (min-width:970px) {
	.is-fixed {
		/* top: 121px;	 */
		top: 58px;
	}
}

body#regionInformation .productInfoArea .productInfoBox{
	padding: 46px 0;
}
p.gnod{
	font-size: 1.5rem;
	margin-bottom: 15px;
}

/* 製品ページ内リンク */
.productLocalLinkWrap .titleD{
	float: left;
	width: 69.5%;
}
.productLocalLinkWrap .medicineTypeImg{
	float: right;
	width: 30.5%;
}
.productLocalLinkWrap .productLocalLink{
	float: left;
	width: 69%;
}
.productLocalLink .productLocalLinkList{
	display: flex;
	flex-wrap: wrap;
}
.productLocalLink .productLocalLinkList li{
	display: flex;
	width: 23.3%;
	margin: 0 13px 17px 0;
}
.productLocalLink .productLocalLinkList li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: #e5ebf1;
	border-radius: 5px;
	text-align: center;
	font-size: 1.4rem;
	color: #003f73;
	padding: 5px 0 6px;
	border: 1px solid #fff;
	transition: .3s;
}
/* .productLocalLink .productLocalLinkList li a:before{
	content: "";
	display: inline-block;
	width: 7px;
	height: 11px;
	border: 7px solid transparent;
	border-top: 12px solid #003f73;
	margin: 5px 8px 0 0;
	vertical-align: middle;
} */
.productLocalLink .productLocalLinkList li.active a {
	color: #fff;
	background: #003F73;
}

/* Webカンファレンスのご案内 */
.webConferenceArea{
	padding-bottom: 30px;
}
.webConferenceWrap{
	margin-bottom: 51px;
}
.webConferenceArea .webConferenceList{
	margin: 0 0 0 38px;
}
.webConferenceArea .webConferenceList li{
	margin-bottom: 24px;
}
.webConferenceArea .webConferenceList li a{
	color: #0062b6;
}
.webConferenceArea .webConferenceList li p{
	display: inline-block;
}
.webConferenceArea .webConferenceList li .webConfText{
	/*width: calc(100% - 205px);
	text-indent: -21em;
	padding-left: 20em;*/
}
.webConferenceArea .webConferenceList li .webConfText a {
	background: linear-gradient(#0062b6, #0062b6) 0 100%/0 1px no-repeat;
	transition: background .4s;
}
.webConferenceArea .webConferenceList li .webConfText a:hover {
	background: linear-gradient(#0062b6, #0062b6) 0 100%/1px 1px no-repeat;
}
body.streaming .webConferenceArea .titleB {
	text-align: left;
}
body.streaming .webConferenceArea .webConferenceList {
	margin: 0;
}
body.streaming p.questionNote {
	margin-bottom: 50px;
}
.width960px {
	max-width: 960px;
	margin: 0 auto;
}
.webConferenceArea .webConferenceList li .webConfText span{
	font-weight: bold;
	padding-right: 16px;
}
.webConferenceArea .webConferenceList li .icoA,
.webConferenceArea .webConferenceList li .icoB,
.webConferenceArea .webConferenceList li .icoC,
.webConferenceArea .webConferenceList li .icoD,
.webConferenceArea .webConferenceList li .icoE,
.webConferenceArea .webConferenceList li .icoF,
.webConferenceArea .webConferenceList li .icoG,
.webConferenceArea .webConferenceList li .icoH,
.webConferenceArea .webConferenceList li .icoI{
	color: #000;
	font-size: 1.4rem;
	text-align: center;
	border-radius: 10px;
	width: 170px;
	line-height: 1;
	vertical-align: top;
	padding: 3px 0;
	margin-right: 24px;
}
.webConferenceArea .webConferenceList li .icoA{/*肺高血圧症領域*/
	background-color: #d2e8f3;
}
.webConferenceArea .webConferenceList .icoB{/*血液内科領域*/
	background-color: #ffe1e2;
}
.webConferenceArea .webConferenceList .icoC{/*デュシェンヌ型筋ジストロフィー*/
	background-color: #f8f3d4;
}
.webConferenceArea .webConferenceList .icoD{/*前立腺癌*/
	background-color: #d9f2e9;
}
.webConferenceArea .webConferenceList .icoE{/*月経困難症*/
	background-color: #f6b9b6;
}
.webConferenceArea .webConferenceList li .icoF{/*アルコール依存症*/
	background-color: #e0dff0;
}
.webConferenceArea .webConferenceList .icoG{/*アレルギー性鼻炎*/
	background-color: #ffe7ce;
}
.webConferenceArea .webConferenceList .icoH{/*ドラベ症候群*/
	background-color: #873d8940;
}
.webConferenceArea .webConferenceList .icoI{/*鉄欠乏性貧血*/
	background-color: #9ed8f5;
}
.webConferenceList li.noplan{
	text-align: center;
	font-size: 18px;
}

/*その他のお知らせご案内*/
.otherInfoWrap{
    padding:0px 60px 0;
	margin: 0 auto;
}
.otherInfoList{
    padding: 0px 40px 0;
}
.otherInfoWrap .infoText{
    margin-bottom: 10px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 10px;
}

.otherInfoWrap .infoText a{

    color:#003f73;
}

/* 動画ライブラリースライド */
.movieLibraryArea{
	margin-bottom: 48px;
	padding-bottom: 56px;
}
body#regionInformation .movieLibraryArea{
	padding-top: 30px;
	margin-bottom: 30px;
}


body.product .movieLibraryArea{
	padding-bottom: 0;
	margin-bottom: 0;
	padding-bottom:0;
}
.movieLibraryArea .movieLibraryList .movieLibraryWrap {
	width: 313px;
}
.movieLibraryArea .movieLibraryList .movieLibraryWrap .movieImg {
	margin: 0 10px 6px;
}

body.product .movieLibraryArea .movieLibraryList .movieImg{
	margin: 0;
}
.movieLibraryArea .movieLibraryList a p{
	color: #000;
}
.movieLibraryArea .movieLibraryList .movieLibraryWrap a:hover p {
	text-decoration: underline;
}

.movieLibraryArea .movieLibraryList .movieLibraryWrap .textSpace {
	margin-bottom: 4px;
	padding: 0 10px;
	font-size: 14px;
}

body.product .movieLibraryArea .movieLibraryList .textSpace{
	padding: 18px 16px 24px;
	font-size: 16px;
	color: #333333;
	text-align: left;
}
.movieLibraryArea .movieLibraryList a:hover p{
	/* text-decoration: underline; */
}
.movieLibraryAre .movieLibraryList .slick-next,
.movieLibraryAre .movieLibraryList .slick-prev{
	top: 30%;
}

.movieLibraryAreaWrap {
	max-width: 1320px;
	border-top: 1px solid #E6E6E6;
	padding-top: 50px;
}

body.product .movieLibraryWrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	text-align: center;
	margin-left: 20px;
	gap: 40px 10px;
}
body.product .movieLibraryList {
	width: 310px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.movieImg img{
	width: 100%
}

/* 新着情報 お知らせ */
.infoBtn {
    display: flex;
    justify-content: space-between;
    margin-bottom: 34px;
}

.infoBtn li.on {
    border-bottom: 4px solid #023f73;
    background-color: #023f73;
    color: #ffffff;
    cursor: auto;
}

.infoBtn li {
    display: block;
    text-align: center;
    font-size: 1.7rem;
    cursor: pointer;
    border-bottom: 2px solid #023f73;
    padding: 16px 0 9px;
    font-weight: bold;
    color: #023f73;
	width: 100%;
}

.infoBtn li:hover {
    border-bottom: 4px solid #023f73;
    background-color: #e5ebf1;
    color: #023f73;
}



body.product .infoBtn{
	display: -ms-flex;
	display: flex;
	justify-content:space-between;
	margin-bottom: 0;
}
body.product .infoBtn li{
	/* width: 100%; */
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	border-bottom: none;
	/* padding: 10px; */
	font-weight: bold;
	color: #023f73;
	border-left: 1px solid #E5EBF1;
	border-top: 1px solid #E5EBF1;
	text-align: center;
}
body.product .infoBtn li a {
	width: 100%;
}
body.product .infoBtn li:last-child{
	border-left: 1px solid #E5EBF1;
	border-top: 1px solid #E5EBF1;
	border-right: 1px solid #E5EBF1;
}

body.product .infoBtn li:hover{
	border-bottom: none;
	background-color: #E5EBF1;
	color: #023f73;
}

body.product .infoBtn li.on{
	border-bottom: none;
	background-color: #E5EBF1;
	color: #464646;
	cursor:auto;
}





.noticeInfoListWrap {
	background-color: #E5EBF1;
	margin-top: -1px;
	padding: 28px 30px 30px;
	margin-bottom: 50px;
}
.notice .infoList {
	border-top: none;
	background-color: #fff;
	margin-bottom: 0;
	padding: 26px 10px;
}

.infoList{
	border-top:1px solid #FFF;
	margin-bottom: 74px;
	padding: 0 37px;
}
.infoList > li{
	display:none;
}
.infoList > li.active{
	display:block;
}
.infoList > li > a{
	display: block;
	color: #000;
	margin-bottom: 21px;
}
.infoList li .date{
	display: inline-block;
	margin-right: 20px;
}
.infoList li .icoA,
.infoList li .icoB,
.infoList li .icoC,
.newsInfoArea .icoA,
.newsInfoArea .icoB,
.newsInfoArea .icoC{
	display: inline-block;
	width: 110px;
	border-radius: 10px;
	font-size: 1.2rem;
	color: #FFF;
	line-height: 1;
	text-align: center;
	padding: 3px 0;
	margin-right: 20px;
}
.infoList li .icoA,
.newsInfoArea .icoA{/*改訂情報*/
	background-color: #809fb9;
}
.infoList li .icoB,
.newsInfoArea .icoB{/*包装仕様変更*/
	background-color: #f36152;
}
.infoList li .icoC,
.newsInfoArea .icoC{/*その他*/
	background-color: #8ebb62;
}
.infoList li .infoText{
	display: flex;
	margin-bottom: 10px;
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
}
.infoList li .infoText .dateIcoText{
	width: 315px;
}
.infoList li .infoText .text{
	width: calc(100% - 280px);
	padding: 0;
}
section.newsInfoArea {
	margin-bottom: 30px;
}

.productDetaiTab li{
	border-bottom: none;
	padding: 0;
	border-left: 1px solid #E5EBF1;
	border-right: none;
	border-top: 1px solid #E5EBF1;
	text-align: center;
}

.productDetaiTab li:last-child {
	border-right: 1px solid #E5EBF1;
  }
.productDetaiTab li:hover {
	display: block;
	border-bottom: none;
	background-color: inherit;
}
.productDetaiTab li a{
	display: block;
	border-bottom: 2px solid #cccccc;
	padding: 18px 0;
	border-bottom: none;
}
.productDetaiTab li a span {
	font-size: 18px;
	font-weight: normal;
}


.productDetaiTab li a:hover{
	background-color: #cedeef;
	color: #003f73;
	text-align: center;
}

body.product .productDetaiTab li a:hover {
	background-color: unset;
    color: unset;
    text-align: unset;
}

.productDetaiTab li.on {
	border-bottom: none;
	background-color: inherit;
}


/* くすりのしおり */
.bookmarkArea .bookmarkBtnWrap{
	padding: 42px 60px 20px;
}
.bookmarkArea .titleD{
	margin-bottom: 10px;
}

/* コード情報 */
.codeInfoArea {
	padding-top: 40px;
	padding-bottom: 40px;
	margin-bottom: 50px;
}
.codeInfoArea .codeInfoWrap{
	padding: 40px 0 20px 0;
}

.variableCodeArea .btnArea2 a:link, a:visited,
.codeInfoArea .btnArea2 a:link, a:visited{
	font-weight: bold;
	color: #003f73;
}
.variableCodeArea .col-md-6 .btnArea2 a,
.variableCodeArea .col-sm-6 .btnArea2 a{
	float: right;
	margin-right: 0px;
}


/* 可変情報入りGSIコード対応状況 */
.variableCodeArea {
	margin-bottom: 50px;
}
.variableCodeArea .titleE {
	margin-bottom: 20px;
}

/* 製品一覧 */
.productListArea .searchBtnWrap{
	display: flex;
	padding: 31px 25px 44px;
}
.searchNavi .searchBtnWrap{
	background: #fff;
}
.productListArea .searchBtnWrap .alphabetBtnList{
	display: flex;
	margin-right: 20px;
}
.productListArea .searchBtnWrap .alphabetBtnList li{
	width: 60px;
	color: #464646;
	font-size: 1.9rem;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 0;
	margin-right: 10px;
	cursor: pointer;
}
.expiryDateSearchArea .productListArea .searchBtnWrap .alphabetBtnList li{
	padding: 13px 0 11px;
}
.productListArea .searchBtnWrap .alphabetBtnList li:hover{
	opacity: 0.7;
}
.productListArea .searchBtnWrap .alphabetBtnList li:last-child{
	width: 200px;
}
.productListArea .searchBtnWrap .alphabetBtnList li.inactive{
	background: #eee;
	color: #ccc;
	cursor: default;
}
.productListArea .searchNavi.is-fixed .searchBtnWrap .alphabetBtnList li span{
	padding: 0;
}
.productListArea .searchNavi.is-fixed .searchBtnWrap{
	padding: 50px 0 10px;
}

.productListArea .searchBtnWrap .alphabetBtnList li:hover.inactive{
	opacity: inherit
}
.productTableWrap{
    background: #fff;

}
.productTableWrap .productTableHeader,
.productTableWrap .productTable{
	width: 100%;
}
.productTableWrap .productTableHeader{
	border-left: 2px solid #e5ebf1;
	border-top: 2px solid #e5ebf1;
}
.productTableWrap .productTableHeader th{
	width: 7.6%;
	text-align: left;
	background-color: #003f73;
	border-right: 2px solid #e5ebf1;
	border-bottom: 2px solid #e5ebf1;
	vertical-align: middle;
	padding: 24px 0 32px;
	min-height:200px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.6rem;
}

.productListArea .searchNavi.is-fixed .productTableWrap .productTableHeader th {
	font-size: 1.4rem;
	padding: 12px 0px;
}
.vertical {
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	margin: 0 auto;
}

.productTableWrap .productTableHeader th:first-child{
	width: 24%;
	text-align: center;
	writing-mode: inherit;
}
.productTableWrap .productTableHeader th:last-child{
	background-color: #8c8f99;
}
.productTableWrap .productTableHeader th .key::after{
	background: url(/lib/img/common/ico_key_on.png) center no-repeat;
	background-size: contain;
	vertical-align: inherit;
	margin: 5px 0 0 0 ;
}

.productTableWrap .acContents{
	display: block;
}

.productTableWrap .productTable td{
	text-align: center;
	border-right: 2px solid #e5ebf1;
	border-bottom: 2px solid #e5ebf1;
	width: 7.6%;
	padding: 26px 0;
}
.productTableWrap .productTable td:first-child{
	width: 24%;
	text-align: left;
	border-left: 2px solid #e5ebf1;
	padding: 26px 21px;
	word-break: break-all;
}
.productTableWrap .productTable tr:first-child td{
	border-top: 2px solid #e5ebf1;
}
.productTableWrap .productTable tr td.lineText{
	/*background: url(/lib/img/common/img_minus.png) right 37px center no-repeat;*/
	border-top: none;
	border-bottom: none;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: left;
	padding: 23px 21px;
}
.productTableWrap .productTable tr td.lineText:hover{
	cursor: pointer;
	background-color: rgba(0,0,0, .03);
}
.productTableWrap .productTable.active tr td.lineText{
	background: url(/lib/img/common/img_plus.png) right 37px center no-repeat;
	cursor: pointer;
}
.productTable.trigger{
	position: relative;
}
.productTable.open .acContents{
	display: block;
}
.productTable.trigger:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 39px;
    width: 24px;
    height: 2px;
    background: #ccc;
    transform: translateY(-50%);
}
.productTable.trigger:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 49px;
    width: 2px;
    height: 24px;
    background: #ccc;
    transform: translateY(-50%);
    transition: .3s;
}
.productTable.trigger.open:after {
    top: 25%;
    opacity: 0;
    transform: rotate(90deg);
}
.productTableHeader.is-fixed {
	position: fixed;
	top: 278px;
}
.annotation{
    text-align: right;
}
.annotation a:visited{
	color: #023F73;
}

/* 過去のWebinar情報 */
.pastWebinarArea{
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
.pastWebinarArea .infoBtn{
	justify-content: flex-start;
}
.pastWebinarArea .infoBtn li{
	color: #023f73;
	width: 295px;
}
.pastWebinarArea .infoList{
	border-bottom: 1px solid #ccc;
	padding-bottom: 34px;
}
.pastWebinarArea .infoList li{
	font-size: 2.0rem;
	line-height: 1.6;
}
.pastWebinarArea .WebinarTable th,
.pastWebinarArea .WebinarTable td{
	font-size: 1.6rem;
}

.pastWebinarArea .WebinarTable th{
	padding-right: 16px;
	vertical-align: top;
}
.pastWebinarArea .infoBtn li.on {
    border-bottom: 4px solid #023f73;
    background-color: #023f73;
    color: #ffffff;
    cursor: auto;
}

/* 製品詳細 */
.productDetailArea .titleB {
	margin-bottom: 0!important;
}
.productDetailArea #productimg.titleB{
	margin-bottom: 30px;
}

.productDetailArea .productTtl{
	font-size: 2.6rem;
	margin-bottom: 16px;
}
.productDetailArea .infoBtn{
	margin-bottom: 0;
}
.productDetailArea .infoList{
	padding: 60px 40px 39px;
	margin-bottom: 0;
}
.productDetailArea .infoList.productContent{
	padding: 0;
	margin-left: 16px;
}
.productDetailArea .infoList > li{
	border-radius: 10px;
	padding: 30px 40px 35px;
}

.productDetailArea .productInner{
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.productDetailArea .productInner .linkList li a{
	padding-bottom: 7px;
}
.productDetailArea .productInner .productBlock{
	background-color: #fff;
	border-radius: 6px;
	text-align: center;
	margin-right: 0px;
	padding: 10px;
	width: 300px;
	max-height: 270px;
}
.productDetailArea .productInner .downLoadText{
	padding-left: 18px;
	letter-spacing: 0;
}
.productInner .contentsLink{
	display: flex;
	flex-direction: column;
	width: calc(100% - 300px);
}

.productInner .contentsLink .linkList{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.productInner .contentsLink .linkList .pdf:after{
	margin-left: 20px;
	margin-right: 0px;
}


.productInner .contentsLink .topLinkWrap .linkList > li {
	display: flex;
	margin-bottom: 0;
	border-radius: 6px;
	width: 48%;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.productInner .contentsLink .topLinkWrap .linkList > li:nth-child(odd){
	margin-right: 0;
}

.productInner .contentsLink .topLinkWrap .linkList > li a{
	width: 100%;
	display: flex;
	align-items: center;
	color: #003f73;
	background: #fff;
	/* border-radius: 6px; */
	padding: 15px 0 16px 24px;
}
.productInner .contentsLink .topLinkWrap .linkList > li a:hover{
	background: #cedeef;
}

.productInner .contentsLink .bottomLinkWrap{
	margin-top: auto;
}
.productInner .contentsLink .bottomLinkWrap .linkList > li{
	width: 23.8%;
	margin-right: 10px;
}
.productInner .contentsLink .bottomLinkWrap .linkList > li:last-child{
	margin-right: 0;
}

.productInner .contentsLink .bottomLinkWrap .linkList > li a{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 98px;
	color: #003f73;
	background: #fff;
	border-radius: 6px;
	padding: 22px 0 18px 0;
}
.productInner .contentsLink .bottomLinkWrap .linkList > li a:hover{
	background: #cedeef;
}


.productDetailArea .productInner .productBlock .productSlider,
.productDetailArea .productInner .productBlock .productSliderSubWrap{
	display: inline-block;
	vertical-align: top;
}
.productDetailArea .productInner .productBlock .productSliderSubWrap .productSliderSub {
	margin-top:1.8em;
}
.productDetailArea .productInner .productBlock .productSliderSubWrap .productSliderSub li{
	margin-bottom: 10px;
}

.productDetailArea .productInner .productBlock .productSlider{
	width: 250px;
	margin-bottom: 34px;
}
.productDetailArea .productSliderSubWrap{
	position: relative;
	width: 97px;
	margin-right: 45px;
}
.productDetailArea .productImg{
	margin-bottom: 12px;
	height: 170px;
	border: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}

.productDetailArea .productImg img{
	margin: 0 auto;
	max-height: 100%;
}
.productDetailArea .noImage{
	background-color: #edeeed;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 280px;
	/* max-width: 380px;
	min-height: 380px; */
}
.productDetailArea .productImg figcaption{
	margin-top: 28px;
}
.productDetailArea .productSliderSubWrap .slick-prev,
.productDetailArea .productSliderSubWrap .slick-next{
	background-color: #023f73;
	border-radius: 10px;
	width: 97px;
	height: 20px;
	left: 0;
	right: 0;
	margin: auto;
}
.productDetailArea .productSliderSubWrap .slick-prev:hover,
.productDetailArea .productSliderSubWrap .slick-next:hover{
	background-color: #e5ebf1;
}

.productDetailArea .productSliderSubWrap .slick-prev{
	top: auto;
	bottom: 0px;
}
.productDetailArea .productSliderSubWrap .slick-next{
	top: 10px;
}
.productDetailArea .productSliderSubWrap .slick-prev:before,
.productDetailArea .productSliderSubWrap .slick-next:before{
	content: "";
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 1;
}
.productDetailArea .productSliderSubWrap .slick-prev:before{
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	border-left: none;
	top: auto;
	bottom: 7px;
}
.productDetailArea .productSliderSubWrap .slick-next:before{
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
	border-right: none;
	top: 7px;
}
.productDetailArea .productSliderSubWrap .slick-prev:hover:before{
	border-right: 3px solid #023f73;
	border-bottom: 3px solid #023f73;
}
.productDetailArea .productSliderSubWrap .slick-next:hover:before{
	border-left: 3px solid #023f73;
	border-top: 3px solid #023f73;
}

.productDetailArea .productSliderSubWrap .slick-list{
	position: relative;
	height:380px!important;
	min-height:270px!important;
	padding: 26px 0px!important;
}
.subImg {
	height: 95px;
	border: 1px solid #ccc;
	display: flex;
	align-items: center;
	justify-content: center;
}
.productDetailArea .productInner .productBlock .productSliderSubWrap .productSliderSub .slick-current .subImg{
	border: 2px solid #003f73;
}

.subImg img {
	max-height: 100%;
}

.productDetailArea .productSliderSubWrap .slick-list::before,
.productDetailArea .productSliderSubWrap .slick-list::after{
	content: "";
	display: block;
	background-color: #fff;
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0;
	z-index: 1;
}
.productDetailArea .productSliderSubWrap .slick-list::before{
	top: 0;
}
.productDetailArea .productSliderSubWrap .slick-list::after{
	bottom: 0;
	height:35px;
}
.productDetailArea .productInner .productBlock .productSlider .slick-dots{
	bottom: -20px;
}
.productDetailArea .productInner .productBlock .productSlider .slick-dots li button:before{
	font-size: 35px;
}
.productDetailArea .productInner .productBlock .productSlider .slick-dots li button:hover:before,
.productDetailArea .productInner .productBlock .productSlider .slick-dots li button:focus:before{
	color: #023f73;
}
.productDetailArea .productInner .productBlock .productSlider .slick-dots li.slick-active button:before {
	color: #023f73;
}

/* ピックアップ　*/
.picUpArea .pickUpInfoBox{
	width:660px;
	padding: 30px 0 30px;
	margin-left:auto;
	margin-right:auto;
}
.picUpArea .pickUpInfoBox .pickUpBox{
	background-color: #fff;
	padding-top:47px;
	height: 100%;
	border-radius:10px;
}
.picUpArea .pickUpInfoBox a:hover .pickUpBox{
	opacity: 0.7;
}

.picUpArea .pickUpInfoBox .pickUpBox figure img{
	width:20%;
}
.picUpArea .pickUpInfoBox .pickUpText{
	display:flex;
	justify-content: center;
	align-items: center;
	height: 80px;
}
.picUpArea .pickUpInfoBox .pickUpText p{
	font-size:1.6rem;
	padding:18px 0 9px;
	font-weight:bold;
}

.pickup .contentsTitleWrap {
	margin-top: -6px;
}
.pickup .contentsTitle {
	line-height: 1.2;
}



/* メディカルコンテンツ　*/
.MedicalContentsArea .MedicalContentsInfo{
	width: 1060px;
	padding: 40px 0 20px;
	margin-left:auto;
	margin-right:auto;
}
.MedicalContentsArea .MedicalContentsBox{
	background-color: #fff;
	height: 100%;
	padding:40px 0;
	display: flex;
	flex-direction: column;
	border-radius:10px;
	align-items: center;
	margin-left:10px;
	margin-right:10px;
}
.MedicalContentsArea .MedicalContentsBox .MedicalContentsText{
	padding:14px 0 34px;
	text-align:center;
}
.MedicalContentsArea .MedicalContentsBox .MedicalContentsText p{
	color: #003f73;
}
.MedicalContentsArea .MedicalContentsBox .btninfo {
	display: inline-block;
	width: 340px;
	background-color: #003f73;
	border: 1px solid #003f73;
	color: #fff!important;
	padding: 10px 0 11px;
	border-radius: 10px;
	font-weight: bold;
}
.MedicalContentsArea .MedicalContentsBox .btninfo:hover {
	background-color: #fff;
	color: #003f73!important;
	cursor: pointer;
	font-weight: bold;
}

.MedicalContentsArea .MedicalContentsBox .btnArea3{
text-align:center;
margin-top: auto;
}

/* 患者向け資材　*/
.patientMaterialArea .patientMaterialInfoBox{
	max-width:1200px;
	padding: 30px 0 30px;
	margin-left:auto;
	margin-right:auto;
}
.patientMaterialArea .patientMaterialInfoBox .patientMaterialBox{
	background-color: #fff;
	padding-top:25px;
	padding-bottom:30px;
	height: 100%;
	border-radius:10px;
}
.patientMaterialArea .patientMaterialInfoBox .patientMaterialBox a {
	display:block;
}
.patientMaterialArea .patientMaterialInfoBox .patientMaterialBox a:hover{
	opacity: .7;
}
.patientMaterialArea .patientMaterialInfoBox .patientMaterialBox figure img{
	margin-bottom:29px;
}
.patientMaterialArea .patientMaterialInfoBox .patientMaterialText{
	text-align:center;
}
.patientMaterialArea .patientMaterialInfoBox .patientMaterialText p{
	font-size:1.6rem;
	margin-bottom:23px;
	color:#464646;
	line-height: 1.5;
}
.patientMaterialArea .patientMaterialInfoBox .btnArea .btnBack{
	width:71%;
	font-weight:bold;
}
.patientMaterialArea .patientMaterialBtnArea {
	padding-top:40px;
}
.patientMaterialArea .patientMaterialBtnArea a.btnB{
	font-weight:bold;
}

.patientMaterialArea .btnFixedMaterial {
    width: 240px;
    display: inline-block;
    font-size: 1.6rem;
    text-align: center;
    border-radius: 50px;
    border:solid 1px #1E1E1E;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 20px 7px;
    margin: 0 10px 50px;
    background:#fff;
    color: #1E1E1E!important;
    position: relative;
    z-index:10;

}
.patientMaterialArea .btnFixedMaterial:hover {
    background: #e5ebf1;
    color: #666!important;
    border:solid 1px #666;
}




/* webinar開催情報　*/
.webinarInfoArea .webinarInfoBox{
	max-width:1300px;
	padding: 40px 0 40px;
	margin-left:auto;
	margin-right:auto;
}
.webinarInfoArea .webinarInfoBox .webinarInfo{
	background-color: #fff;
	padding-top:34px;
	border-radius:10px;
}
.webinarInfoArea .webinarInfoBox .webinarInfo p{
	margin-bottom:14px;
	text-align:center;
}
.webinarInfoArea .webinarInfoBox .webinarInfo figure img{
	margin-bottom:20px;
}

/* 動画資材*/
.movieMaterialArea .box {
	background-color: #ffffff;
	margin: 40px auto 20px;
	width: 870px;
	border-radius: 10px ;
	padding: 34px 40px 34px;
}
.movieMaterialArea .box .movieMaterTtl {
	font-size: 2.2rem;
	line-height: 1.6;
	color: #0063b7;
	margin-bottom: 6px;
}
.movieMaterialArea .box .text {
	line-height: 2;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 22px;
}
.movieMaterialArea .box .supervisionText {
	margin-top: 14px;
	color: #464646;
}
.movieMaterialArea .box .supervisionText dt {
	line-height: 1.75;
	width: 120px;

}
.movieMaterialArea .box .supervisionText dd {
	line-height: 1.75;
}
.movieMaterialArea .list {
	display: flex;
}

/*製品検索*/
.searchProducts {
	padding-bottom: 30px;
}
#topImg .searchProducts {
	width: 400px;
	padding-bottom: 0;
}
.searchProducts .searchProductsArea{
	background: #e5ebf1;
	display: none;
}
#topImg .searchProducts .searchProductsArea{
	display: block;
	height: 100%;
}
.searchTtl {
	font-size: 1.8rem;
	font-weight: bold;
	color: #003f73;
	text-align: center;
	margin: 12px 0 8px;
}
.searchProducts a {
	color:#464646;
}
.searchProducts .btnTab {
	border-radius: 10px 10px 0 0px;
	background:#003f73 url(/lib/img/common/ico_search_w.png) right 35px top 12px no-repeat;
	display:inline-block;
	width:280px;
	padding: 14px 0;
	text-align:center;
	font-size: 2.0rem;
	font-weight: bold;
	line-height:1;
	color: #ffffff;
}
.searchProducts .btnTab:hover {
	background:#e5ebf1 url(/lib/img/common/ico_search_b.png) right 35px top 12px no-repeat;
	color: #003f73;
	border: 1px solid #e6e6e6;
}
.searchProducts .contentsTab {
	background:#e5ebf1;
	padding: 50px 150px 30px;
}
#topImg .searchProducts .contentsTab {
	padding: 0;
}
.searchProducts .searchArea {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom:5px;
}
#topImg .searchProducts .searchArea {
	margin-bottom: 0;
}
.initialsBtnArea {
	 width:340px;
	 margin-right: 25px;
}
#topImg .initialsBtnArea {
	width: auto;
	margin-right: 0;
}
.searchContentsArea {
	 width:360px;
}
#topImg .searchContentsArea {
	width:auto;
}
.searchProducts .searchBtnArea ul {
	display:flex;
	flex-wrap:wrap;
	margin-left:-10px;
}
#topImg .searchProducts .searchBtnArea ul {
	justify-content: center;
	margin-left: 0;
}
#topImg .searchProducts .searchBtnArea ul li {
	margin: 0 10px 10px 0;
}
#topImg .searchProducts .searchBtnArea ul li:nth-child(5n){
	margin-right: 0;
}
.searchProducts .searchBtnArea ul li a,
.searchProducts .searchBtnArea ul li span,
.searchProducts .searchBtnArea ul li.inactive{
	display:flex;
	justify-content: center;
	align-items: center;
	border-radius:10px;
	background:#fff;
	text-align:center;
	width:60px;
	height:60px;
	margin-left:10px;
	margin-bottom:10px;
	font-size:19px;
	font-weight:bold;
}
#topImg .searchProducts .searchBtnArea ul li a,
#topImg .searchProducts .searchBtnArea ul li span,
#topImg .searchProducts .searchBtnArea ul li.inactive{
	margin-left: 0;
	margin-bottom: 0;
}
.searchProducts .searchBtnArea ul li.inactive {
	background:#eee;
	color: #ccc;
}
.searchProducts .searchBtnArea ul li a:hover,
.searchProducts .searchBtnArea ul li span:hover {
	opacity: 0.7;
}
.searchProducts .searchBtnArea ul li a:hover,
.searchProducts .searchBtnArea ul li span:hover {
	cursor: pointer;}

.btnProductsList a {
	background:#5ca0d5;
	text-align:center;
	display: flex;
	height:50px;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	color:#fff;
	font-weight:bold;
	font-size:16px;
}
.btnProductsList a:hover {
	opacity: 0.7;
}

.searchBox {
	position:relative;
	width:350px;
}
#topImg .searchBox {
	margin: 0 auto;
}
input[type="text"].searchProductsInput {
	background:#fff;
	border-radius:100px;
	width:350px;
	height:50px;
	margin: 5px 0 15px;
	padding: 0 30px;
	font-size: 16px;
}
#topImg input[type="text"].searchProductsInput {
	margin: 0 0 12px;
}
.searchBox button {
	position:absolute;
	right:22px;
	top: 17px;
	display:inline-block;
	background:url(/lib/img/common/ico_search.png) center no-repeat;
	background-size: contain;
	width: 25px;
	height: 25px;
	cursor: pointer;
	margin: auto;
}
#topImg .searchBox button {
	top: 13px;
}
.searchBox button span {
	display:none;
}
.btnSearchContents {
	display:flex;
	flex-wrap: wrap;
	width: 100%;
}
#topImg .btnSearchContents {
	justify-content: center;
}
.btnSearchContents li{
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}
.btnSearchContents li a{
	color:#fff;
	display:flex;
	background:#003f73;
	font-size:16px;
	font-weight:bold;
	border-radius:10px;
	width:170px;
	height:60px;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
}
#topImg .btnSearchContents li a{
	width:165px;
	height:40px;
}
.btnSearchContents li a:hover{
	background:#fff;
	color:#003f73;
}

.searchContentsArea .linkList ,
.btnSearchContents .linkList {
	text-align:right;
}
.searchContentsArea .linkList a,
.btnSearchContents .linkList a {
	color:#0063b7;
}
.searchProducts .noteLink,
.btnSearchContents .noteLink {
	text-align:center;
	color:#0063b7;
}
.searchProducts .noteLink a,
.btnSearchContents .noteLink a {
	color:#0063b7;
}
.btnSearchContents .lock:after {
	content: " ";
	background: url(/lib/img/common/ico_key_on.png) no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	-ms-background-size: contain;
	background-size: contain;
	vertical-align: middle;
	margin-top: -2px;
}
.btnSearchContents .lock:hover:after {
	background: url(/lib/img/common/ico_key.png) no-repeat;
}
.ttlResult {
	display:flex;
}
/**/
.searchResult .slick-track {
  display: flex;
}
.searchResult .slick-slide {
  height: auto !important;
}
.searchResult .sResultSliderSlick li {
	width:200px;
}
.searchResult .slick-initialized .slick-slide {
	display:flex;
	flex-wrap:wrap;
}
.searchResult .sResultSliderSlick li div {
	background:#fff;
	padding:10px;
	margin: 10px;
	padding: 10px;
	display: flex;
	width: 100%;
}
.searchResult .slick-next,
.searchResult .slick-prev {
	display: block;
	background: #003f73;
	border-radius: 12.5px;
	width: 25px;
	height: 100px;
}
.searchResult .slick-next:before,
.searchResult .slick-prev:before{
	content: '';
	width: 15px;
	height: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.searchResult .slick-next:before {
	left: 3px;
	border-right: 3px solid #fff;
	border-top: 3px solid #fff;
}
.searchResult .slick-prev:before {
	left: 9px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
}

.searchResult .slick-arrow{ z-index: 2; }
.searchResult .slick-prev{ left: -35px!important; }
.searchResult .slick-next{ right: -35px!important; }

.searchResult #double-slider{
	width:100%;
	margin: 0 auto;
}
.searchResult #double-slider #main-slider .slick-slide > div{
	width:100%;
}


/*テキストとボックスをうまい具合に重ねる*/
.searchResult #text-slider-container{
	position:relative;
	margin-bottom:25px;
}
.searchResult #text-slider-box{
	position: absolute;
	left: 0;
	right: 0;
	width: 80%;
	height: 100%;
	margin: 0 auto;
	border-radius: 10px;
}

/* テキストがボックスからはみ出さないようにする*/
.searchResult #text-slider{
	width: 90%;
	margin: 0 auto;
}
.searchResult #text-slider .slick-slide > div{
	width: 100%;
	min-height: 100px;
	background:#fff;
	margin: 0 10px;
	padding:10px;
}
.searchResult #text-slider .slick-slide > div:hover{
	background:#003f73;
	color: #fff;
}
#text-slider-container .slick-slide.slick-current > div {
	background:#003f73;
	color: #fff;
}

/* テキストの位置調整 */
.searchResult #text-slider .txt{
	display: flex;
}
.searchResult .slick-prev:hover,
.searchResult .slick-prev:focus,
.searchResult .slick-next:hover,
.searchResult .slick-next:focus {
	color: transparent;
	outline: none;
	/*background: #e9f7f9;*/
	color: #003f73;
	opacity:.7;
}
.btnInfoArea {
	background:#e9f7f9;
	text-align:center;
	padding:40px 26px;
	margin-bottom:20px;
}
.btnInfo {
	background:#003f73;
	text-align:center;
	border-radius:10px;
	max-width:330px;
	margin:0 auto;
	display:flex;
	justify-content: center;
    align-items: center;
		height:90px;
}
.btnInfo a {
	color:#fff;
	font-size:22px;
	font-weight:bold;
}
.bnrContents {
	border:2px solid #9fd9e7;
	padding:30px 25px;
}
.bnrContents .relatedContent,
.bnrContents .relatedColumn {
	border-bottom:1px solid #e6e6e6;
	padding-bottom:20px;
	margin-bottom:20px;
}
.bnrContents figure img {
	margin-bottom:20px;
}
.bnrContents figcaption {
	line-height:1.8;
}
h3.ttlContents {
	text-align:center;
	font-size:21px;
	font-weight:bold;
	margin-bottom:20px;
}
.searchResult a[href$=".pdf"]:after {
	content:" ";
	display: inline-block;
	width: 35px;
	height: 24px;
	background: url(/lib/img/common/ico_pdf.png) 10px center no-repeat;
}
#main-slider figure {
	max-width:200px;
}
#main-slider dl {
	display:flex;
	flex-wrap: wrap;
	padding-left:20px;
}
#main-slider dl dt {
	width:100%;
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;
}
#main-slider dl dd {
	width:50%;
	margin-bottom:5px;
}
.detailArea {
	display:flex;
	margin-bottom:20px;
}
.bgW {
	background:#fff;
	padding:30px;
}
.bgG {
	background:#f5f5f5;
	padding:40px 30px;
}
.productLink {
	width: calc(100% - 220px);
}
.productLink a{
	padding-bottom: 5px;
}

#main-slider .productBtn {
	width:100%;
}
#main-slider .productBtn ul {
	display:flex;
	justify-content: center;
}
.productBtn ul li {
	margin:0 5px;
}
.productBtn ul li a {
	width:170px;
	height:60px;
	background:#f5f5f5;
	border-radius:10px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight:bold;
}
.productBtn ul li.materialBtn a{
	width: 330px;
}
.productBtn ul li a:visited {
	color: #003f73;
}
.productBtn ul li a:hover {
	background:#003f73;
	color: #f5f5f5;
}


/*　//製品検索　*/



/*  ================================================================================================

    PC ページごと個別スタイル

    ============================================================================================  */

/* トップページ
--------------------------------------------------- */

/*新着情報 お知らせ*/
.newsInfoArea hr.boderSolid {
	size: 1px;
	max-width: 1200px;
	margin: 30px auto 23px;
}
.newsInfoArea .titleB .linkText {
    top: -30px;
}
/*バナーエリア*/
.bannerArea{
	padding:15px 0 50px;
}
.bannerBox{
	padding-bottom: 30px;
}
/*スライダー*/
.slider{
  display: none;
}
.slider.slick-initialized{
  display: block;
}
#topImg .topSlider {
	width: 800px;
	line-height: 0;
}
#topImg ul.slick-dots{
	width:auto;
	position: absolute;
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	right: 20px;
	bottom: 18px;
}
#topImg ul.slick-dots li{
	background-color: #ccc;
	width: 12px!important;
	height: 12px!important;
	border-radius:50%;
	margin: 1px 0 1px 12px!important;
}

#topImg ul.slick-dots li.slick-active{
	background-color: #023f73!important;
}

#topImg ul.slick-dots li button:before {
	content: '';
}
#topImg .slick-prev, #topImg .slick-next {
	width: 48px;
	height: 48px;
	background-color: #999999;
	border-radius: 50%;
	opacity: 0.4;
}
#topImg .slick-prev {
	/* left:75px; */
    /* left:34px; */
	left:10px;
}
#topImg .slick-next {
	/* right:75px; */
    /* right:34px; */
	right:10px;
}
#topImg .slick-prev:before{
	position: absolute;
	opacity: 1.0;
	content: '';
    width: 20px;
    height: 20px;
    top: 15px;
    right: 10px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
	transform: rotate(135deg) ;
}
#topImg .slick-next:before{
	position: absolute;
	opacity: 1.0;
	content: '';
    width: 20px;
    height: 20px;
    top: 15px;
    left: 9px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(315deg) ;
}
#topImg .slick-prev:hover,
#topImg .slick-prev:focus,
#topImg .slick-next:hover,
#topImg .slick-next:focus {
    color: transparent;
    outline: none;
    background: #999999;
}
#topImg .topSlider img {
	max-width: 100%;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}
#topImg {
	width:1200px;
	height: 371px;
	display: flex;
	flex-direction: row-reverse;
	margin:0 auto 36px;
}
body.top #topImg{
	margin-top: 120px;
}
.pRelative {
	position: relative;
}
.acSearch {
  cursor: pointer;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	margin-top:-50px;
}
.acSearchContetns {
  /*display: none;*/
  padding: 2em 1em;
  background-color: #ffccbc;
  text-align: center;
}

/* サイトマップ
--------------------------------------------------- */
#sitemap h2 {
	font-size: 2.2rem;
	font-weight: bold;
	color: #464646;
	text-align: left;
	line-height: 1.6;
	position: relative;
	border-bottom:1px solid #ccc;
	margin-bottom: 20px;
}
#sitemap .box h2 {
	margin:20px 0 40px 0;
}
#sitemap h2 a {
	color:#464646;
}
#sitemap h2 a:hover{
	opacity: 0.8;
}
#sitemap .list ul {
	margin:0;
}
#sitemap .list ul li {
	font-size: 18px;
	line-height: 1.2;
	margin: 0 0 20px 0;
}
#sitemap .list ul li a {
	color:#000;
	text-decoration: none;
}
#sitemap .list ul li a.lock::after {
	background: url(/lib/img/common/ico_key.png) center no-repeat;
	background-size: contain;
	vertical-align: inherit;
	margin: 5px 0 0 5px ;
	width: 17px;
	height: 20px;
	content: "";
	display: inline-block;
}
#sitemap .list ul li span {
	font-size: 18px;
	font-weight: bold;
	line-height: 2.8rem;
}

#sitemap .contactAreaWrap p {
	font-size: 16px;
	line-height: 2.8rem;
	color: #000;
}


#sitemap .contactAreaWrap p.attention {
	font-size: 14px;
	color: #606060;
	line-height: 2.0rem;
	margin: 5px 0 15px;
	text-indent: -1em;
	padding-left: 1em;
}

#sitemap .contactAreaWrap div a {
	display: block;
	width: 380px;
	background: url(/lib/img/common/ico_right.gif) no-repeat right 34px center;
	background-color: #E5EBF1;
	font-size: 2.0rem;
	font-weight: bold;
	color: #023F73;
	line-height: 60px;
	height: 60px;
	text-align: center;
	margin: 47px auto 0;
}
#sitemap .sitemapArea .list,
#sitemap .sitemapArea .box{
margin-bottom:50px;
}
#sitemap .sitemapArea .sitemapLink{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
#sitemap .sitemapArea .sitemapLink li{
	width: 50%;
    text-indent: -1em;
    padding-left: 1em;
}
#sitemap .sitemapArea .sitemapLink02 li{
	width: 100%;
    text-indent: -1em;
    padding-left: 1em;
}
#sitemap .sitemapArea .sitemapLink li:before,
#sitemap .sitemapArea .sitemapLink02 li:before{
    content: "";
    display: inline-block;
    left: 25px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #023f73;
    border-right: 2px solid #023f73;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: middle;
    margin-right: 10px;
}
#sitemap .sitemapArea .sitemapLink02 span span {
	font-weight: normal;
}



/**/
.infoYearWrap a.infoYear {
	display: inline-block;
	width: 100%;
	padding: 20px 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	color: #023f73;
	background-color: #e5ebf1;
}
.infoYearWrap a.infoYear.on {
	background-color: #023F73;
	color: #FFF;
}
.backNumBtn{
	background: url(/lib/img/common/ico_plus.gif) no-repeat right 30px center;
	background-size: 20px;
	cursor: pointer;
	width: 5%;
	height: 62px;
	position: absolute;
	right: 17px;
	top: 0;
}
.backNumBtn.active {
	background: url(/lib/img/common/ico_minus.gif) no-repeat right 30px center;
	background-size: 20px;
	cursor: pointer;
}

.infoYearWrap a.on + .backNumBtn {
	background: url(/lib/img/common/ico_plus_w.gif) no-repeat right 30px center;
	background-size: 20px;
	cursor: pointer;
}
.infoYearWrap {
	position:relative;
}
.infoYearWrap .backNumArea{
	display: none;
	position: absolute;
	top: 63px;
	z-index: 2;
	right: 0;
	width: 25%;
	padding: 0 10px;
}
.infoYearWrap .backNumArea div {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	box-sizing: content-box;
}
.infoYearWrap .backNumArea>div:first-child{
	border-top: 1px solid #fff;
}
.infoYearWrap .backNumArea div.on {
	background-color: #023F73;
	color: #FFF;
	cursor: auto;
}

/* 製品に関するお問い合わせ
------------------------------------------------------------------ */
.drugConsultationArea ,
.drugConsultationMailArea{
	padding: 30px 0 10px;
}
.drugConsultationArea .drugConsultationInfo{
	background-color:#fff;
	padding: 10px;
	text-align:center;
    display: flex;
    align-items: center;
    justify-content: center;
	height: 80px;
}

/* 領域スライダー
------------------------------------------------------------------ */

#mainImg ul.slick-dots{
	width:auto;
    position: absolute;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    right: 90px;
    bottom: 20px;
}
#mainImg ul.slick-dots li {
    background-color: #ccc;
    width: 12px!important;
    height: 12px!important;
	border-radius:50%;
    margin: 1px 0 1px 20px!important;
}

#mainImg ul.slick-dots li.slick-active{
	background-color: #023f73!important;
}

#mainImg ul.slick-dots li button:before {
	content: '';
}
#mainImg .slick-prev, #mainImg .slick-next {
	width: 48px;
	height: 48px;
	background-color: #999999;
	border-radius: 50%;
	opacity: 0.4;
}
#mainImg .slick-prev {
	left:75px;
}
#mainImg .slick-next {
	right:75px;
}
#mainImg .slick-prev:before{
	position: absolute;
	opacity: 1.0;
	content: '';
    width: 20px;
    height: 20px;
    top: 2px;
    right: 4px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
	border-top:none!important;
	border-left: none!important;
	transform: rotate(135deg) ;
}
#mainImg .slick-next:before{
	position: absolute;
	opacity: 1.0;
	content: '';
    width: 20px;
    height: 20px;
    top: 2px;
    left: 9px;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
	border-top:none!important;
	border-left: none!important;
    transform: rotate(315deg) ;
}
#mainImg .slick-prev:hover,
#mainImg .slick-prev:focus,
#mainImg .slick-next:hover,
#mainImg .slick-next:focus {
    color: transparent;
    outline: none;
    background: #999999;
}
#mainImg .slick-initialized img{
	width: 100%;
}
#mainContents #mainImg .sliderImg01 img{
	width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
}
#mainContents #mainImg .sliderImg01 li a{
	display: inline-block;
}

/* 使用期限検索
------------------------------------------------------------------ */
.expiryDateInfoText{
	text-align: center;
	margin: 55px 0 30px;
}
.expiryDateSearchArea .productListArea{
	padding: 8px 52px 30px 50px;
}
.expiryDateSearchArea .productListArea .btnArea2{
	margin-top: 10px;
}
.expiryDateSearchArea .productListArea .btnFixedB,
.expiryDateSearchArea .productListArea .btnFixedC{
	width: 200px;
	border: none;
	padding: 10px 0;
	margin: 0 23px;
}

.expiryDateSearchArea .imperativeIco{
	background-color: #b30e00;
	border-radius: 5px;
	font-size: 1.2rem;
	color: #fff;
	padding: 4px 8px 5px;
	margin-left: 24px;
}
.expiryDateSearchArea .categoryBlock{
	border-bottom: 1px solid #003f73;
	padding: 27px 55px 20px 57px;
}

.expiryDateSearchArea .expiryDateSearch{
	display: flex;
	padding-top: 22px ;
}
.expiryDateSearchArea .expiryDateSearch .searchBtnWrap{
	width: 100%;
	padding: 0;
}
.expiryDateSearchArea .expiryDateSearch .searchBtnWrap .alphabetBtnList{
	flex-wrap: wrap;
	margin-right: 0;
}
.expiryDateSearchArea .expiryDateSearch .searchBtnWrap .alphabetBtnList li{
	margin: 0 10px 10px 0;
}
.searchBtnWrap .alphabetBtnList li a {
	display: block;
	padding: 13px 0 11px;
}
.searchBtnWrap .alphabetBtnList li span {
	display: block;
	padding: 13px 0 11px;
}

.expiryDateSearchArea .expiryDateSearch .searchBtnWrap .alphabetBtnList li:last-child{
	width: 60px;
}
.expiryDateSearchArea .expiryDateSearch .searchTextWrap{
	width: 61%;
	padding: 5px 0 0 10px;
}
.expiryDateSearchArea .expiryDateSearch .searchTextWrap .searchText{
	width: 100%;
	border-radius: 25px;
	background-color: #fff;
	padding: 13px 29px 9px;
}
.expiryDateSearchArea  .searchLotNumWrap .categoryBlock{
	padding: 5px 55px 30px 57px;
}
.expiryDateSearchArea .searchLotNum{
	background-color: #fff;
	width: 340px;
	font-size: 1.6rem;
	border-radius: 35px;
	padding: 18px 30px 15px;
	margin-top: 27px;
}
.expiryDateSearchArea .productListArea .pNameList li{
	padding: 15px 20px;
	background-color: #d2d9e1;
	cursor: pointer;
}
.expiryDateSearchArea .productListArea .pNameList li:nth-child(even){
	background-color: #fff;
}

.searchLotNumResult{
	padding: 50px 52px 0 50px;
	margin-bottom: 30px;
}

.searchLotNumResult .expTable{
	width: 100%;
	border-left: 2px solid #e5ebf1;
	border-top: 2px solid #e5ebf1;
	margin-bottom: 20px;
}
.searchLotNumResult .expTable th,
.searchLotNumResult .expTable td{
	border-right: 2px solid #e5ebf1;
	border-bottom: 2px solid #e5ebf1;
	text-align: center;
	padding: 26px 0;
	vertical-align: middle;
}
.searchLotNumResult .expTable th{
	background-color: #003f73;
	width: 29%;
	color: #fff;
}
.searchLotNumResult .expTable th:first-child{
	width: 42%;
}
.productListArea .pNameList{
	width: 100%;
}
.expiryDateSearchArea #search:hover,
.expiryDateSearchArea #reset:hover {
	cursor: pointer;
}
.searchLotNumResult .expTable th.nameA { width: 60%;}
.searchLotNumResult .expTable th.nameB { width: 20%;}
.searchLotNumResult .expTable td.subCell {
	width: 40%;
}
.expiryDateSearchArea #search:hover{
	background-color: #fff;
	color: #003f73!important;
}
.expiryDateSearchArea #search.searchIco:hover:before{
	content: " ";
	background: url(/lib/img/common/ico_search_b.png) center no-repeat;
	background-size: contain;
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 9px;
	vertical-align: middle;
	margin-top: -5px;
}
.inquiryWrap{
	padding: 40px 0 20px;
}
.inquiryWrap .listAsterisk{
	margin-bottom: 37px;
}
.inquiryText{
	margin-bottom: 6px;
}


/* 製品コードpdf
------------------------------------------------------------------ */
iframe.viewer{
	width: 100%;
	height: 97vh;
	padding-bottom: 201px;
}

body.docPdf, iframe.viewer{

	padding-bottom: 0;
}
body.codePdf,
body.ifPdf,
body.docPdf,
body.rmpPdf,
body.kanjamukePdf{
	overflow: hidden
}

body.codePdf footer,
body.ifPdf footer,
body.docPdf footer,
body.rmpPdf footer,
body.kanjamukePdf footer{
	position: fixed;
	bottom: 0;
}
body.codePdf #footerWrap,
body.ifPdf #footerWrap,
body.docPdf #footerWrap,
body.rmpPdf #footerWrap,
body.kanjamukePdf #footerWrap{
	margin-top: 0;
}
body.codePdf #mainContents,
body.ifPdf #mainContents,
body.docPdf #mainContents,
body.rmpPdf #mainContents,
body.kanjamukePdf #mainContents{
	overflow: hidden;
}
body.codePdf #footer,
body.ifPdf #footer,
body.rmpPdf #footer,
body.docPdf #footer,
body.kanjamukePdf #footer {
	display: none;
}
body.codePdf #mainContents iframe.viewer,
body.ifPdf #mainContents iframe.viewer,
body.rmpPdf #mainContents iframe.viewer,
body.docPdf #mainContents iframe.viewer,
body.kanjamukePdf #mainContents iframe.viewer {
	height: calc(100vh - 188px); /* header,footerの高さを除いた高さ */
}



/*  リンクエフェクト
-----------------------------------------------------*/
.siteStructureWrap .siteStructure li a,
.linkList a,
.downLoadText a,
.noteLink a,
.productLink a,
.infoList li a,
.webConferenceArea .webConferenceList li .webConfText a,
.productTableWrap .productTable td:first-child a,
.sitemapArea .sitemapLink02 li a,
.searchProducts .searchContentsArea ul.linkList li a,
.otherInfoList .infoText a,
.headerLink .linkBtn01 a span,
.headerLink .linkBtn02 a span,
body.product .otherNews .infoText a{
  background: linear-gradient(#003f73, #003f73) 0 100%/0 1px no-repeat;
  transition: background .4s;
  text-decoration: none;
	font-weight: bold;
}
#footer ul li a,
.titleB .linkText .linkArrow span{
  background: linear-gradient(#003f73, #003f73) 0 100%/0 1px no-repeat;
  transition: background .4s;
  text-decoration: none;
}
.siteStructureWrap .siteStructure li a:hover,
.linkList a::before,
.downLoadText a::before,
.noteLink a:hover,
.productLink a::before,
.infoList li a:hover,
.webConferenceArea .webConferenceList li .webConfText a:hover,
.productTableWrap .productTable td:first-child a:hover,
.sitemapArea .sitemapLink li a:hover,
.sitemapArea .sitemapLink02 li a:hover,
.searchProducts .searchContentsArea ul.linkList li a:hover,.otherInfoList .infoText a:hover,
.headerLink .linkBtn01 a span:hover,
.headerLink .linkBtn02 a span:hover,
#footer ul li a:hover,
.titleB .linkText .linkArrow span:hover,
body.product .otherNews .infoText a:hover{
  background-size: 100% 1px;
}

.productTableWrap .productTable td:first-child a:visited,
.productLink a:visited,
.infoList li a:visited {
	color: #003f73;
}


/*  ニュース詳細
-----------------------------------------------------*/
.newsInfoArea .newsYearBox{
	border-bottom: 1px solid #c0c0c0;
	margin-top:30px;
	margin-bottom: 40px;
}
.newsInfoArea .newsYear{
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.newsInfoArea .newsYear:before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 35px;
	background: #023f73;
	border-radius: 4px;
	vertical-align: middle;
	margin-right: 24px;
}
.newsInfoArea .newsDateBox{
	margin-bottom: 15px;
}
.newsInfoArea .date {
	font-size: 1.6rem;
	color: #626262;
	margin-right: 20px;
}
.newsInfoArea .newsTitle{
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
	color: #003e73;
	margin-bottom: 20px;
}

.anchorPoint {
	margin-top: -70px;
	padding-top: 70px;
	display: inline-block;
}
.anchorPointB {
	margin-top: -150px;
	padding-top: 150px;
	display: inline-block;
}
.productAnchorPointA{
	margin-top: -70px;
	padding-top: 70px;
	pointer-events: none;
}
.productAnchorPointA a {
	pointer-events: all;
}
.productAnchorPointB{
	margin-top: -80px;
	padding-top: 80px;
	pointer-events: none;
}
.productAnchorPointB a {
	pointer-events: all;
}
#productimg {
	margin-top: -73px;
	padding-top: 73px;
	display: inline-block;
	width: 100%;
	text-align: center;
	pointer-events: none;
}

/*  新規会員登録　会員登録のご案内
-----------------------------------------------------*/
.memberInfo .readArea{
	padding:0 30px;
	margin:0 auto;
	text-align:center;
}
.memberInfo .readArea h5 {
	padding: 0 0 10px;
	font-weight: bold;
	font-size: 20px;
}
.memberInfo .mordalInner .answerWrap {
	margin: 0 auto;
	overflow: hidden;
}
.memberInfo .mordalInner .answerWrap .memberLogin {
	text-align: center;
	margin: 10px auto 60px;
	background-color: #e6ebf1;
	padding: 30px;
}

.memberInfo .mordalInner .answerWrap .memberLogin .buttonArea {
	text-align: center;
	margin: 20px auto 0;
	display: flex;
	justify-content: center;
}
.memberInfo .mordalInner .registrationButton {
	padding: 0px 8px 10px;
	margin: 0 10px;
	display:flex;
	flex-direction: column;
}
.memberInfo .mordalInner .registrationButton p{
	margin-top:auto;
	padding: 10px 0 0 0;
}

.memberInfo .memberLogin.bgWhiteSpace,
.memberInfo .memberContentList .bgWhiteSpace{
	padding:20px 10px;
	background-color:#fff;
}

.memberInfo .memberContentsBox{
	display:flex;
	flex-direction: column;
	padding-top:20px;
	align-items: flex-start;
	width: 100%;
	justify-content: center;
}
.memberInfo .memberContentsBox .memberContentsBoxImg{
	display: flex;
	justify-content: center;
	width: 100%;
}
.memberInfo .memberContentsBox p{
	margin-top:auto;
	padding: 10px 0 0 0;
	width: 100%;
	text-align: center;
}
.memberInfo .memberContentList {
	text-align: center;
	margin: 10px auto 60px;
	background-color: #e6ebf1;
	padding: 3px;
}
.memberInfo .memberTableWrap .memberTableHeader {
	border-left: 2px solid #e5ebf1;
	border-top: 2px solid #e5ebf1;
}

.memberInfo .memberTableWrap .memberTable {
	width: 100%;
}
.memberInfo .memberTableWrap .memberTable th:first-child {
	width: 24%;
	background-color: #e6ebf1;
}
.memberInfo .memberTableWrap .memberTable th {
	width: 8.4%;
	text-align: center;
	background-color: #003f73;
	border-right: 2px solid #e5ebf1;
	/*border-bottom: 2px solid #e5ebf1;*/
	vertical-align: middle;
	padding: 10px 0 ;
	color: #fff;
	font-weight: bold;
}
.memberInfo .memberTableWrap .memberTable tr:first-child th:first-child{
	border-top: none;
	border-bottom: none;
}
.memberInfo .memberTableWrap .memberTable tr:first-child td {
	border-top: 2px solid #e5ebf1;
}
.memberInfo .memberTableWrap .memberTable td:first-child {
	width: 24%;
	text-align: left;
	border-left: 2px solid #e5ebf1;
	padding: 10px 21px;
}
.memberInfo .memberTableWrap .memberTable td{
	text-align: center;
	border-right: 2px solid #e5ebf1;
	border-bottom: 2px solid #e5ebf1;
	width: 8.4%;
	padding: 10px 0;
}
.memberInfo .memberContentArea{
	justify-content: center;
}


/*  使用期限検索
-----------------------------------------------------*/
.expiration #selectProduct {
	font-size: 24px;
	font-weight: bold;
}
.expiration .selectProductArea {
	display: none;
}


/* productパーツ
 -----------------------------------------------------*/

#incProduct a.linkLine {
	background: linear-gradient(#003f73, #003f73) 0 100%/0 1px no-repeat;
	transition: background .4s;
	text-decoration: none;
	font-weight: bold;
}
body.product .productAnchorPointA#contents03 a.linkLine {
	font-weight: bold;
}
#incProduct a.linkLineG {
	background: linear-gradient(#333333, #333333) 0 100%/0 1px no-repeat;
	transition: background .4s;
	text-decoration: none;
	font-weight: normal;
}
#incProduct a.linkLine:hover,
#incProduct a.linkLineG:hover{
	background-size: 100% 1px;
}
/* リンク */
#incProduct .menuA {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	gap: 16px;
	margin-left: 20px;
	position: relative;
}
#incProduct .menuA a > img {
	vertical-align: middle;
	min-width: 20px;
	min-height: 20px;
}
#incProduct .menuA.pink {
	justify-content: space-between;
}
#incProduct .menuA.blue {
	justify-content: left;
}
#incProduct .menuA.orange {
	justify-content: left;
}

#incProduct .menuA li {
	width: 100%;
	line-height: 1.7;
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	position: relative;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#incProduct.defitelioParts .menuA{
	justify-content: flex-start;
}
#incProduct.defitelioParts .menuA.blue{
	justify-content: center;
}
#incProduct.viltepsoParts .menuA {
	justify-content: center;
}
#incProduct.defitelioParts .menuA li,
#incProduct.viltepsoParts .menuA li {
	width: calc((100% - 310px) / 3);
}

#incProduct .menuA.blue li {
	border-right: 1px solid #164676;
	border-left: 1px solid #164676;
	border-bottom: 1px solid #164676;
}

#incProduct .menuA.orange li {
	border-right: 1px solid #ee5d2a;
	border-left: 1px solid #ee5d2a;
	border-bottom: 1px solid #ee5d2a;
}


#incProduct .menuA li:hover {
	opacity: 0.7;
}
#incProduct .menuA.purple li {
	border-right: 1px solid #A372B5;
	border-left: 1px solid #A372B5;
	border-bottom: 1px solid #A372B5;
}
#incProduct .menuA.pink li {
	width: calc((100% - 60px) / 3);
	border-right: 1px solid #ee4e50;
	border-left: 1px solid #ee4e50;
	border-bottom: 1px solid #ee4e50;
	position: relative;
}
#incProduct .menuA.lightblue li {
	border-right: 1px solid #b9e3f9;
	border-left: 1px solid #b9e3f9;
	border-bottom: 1px solid #b9e3f9;
}

#incProduct .menuA li dl {
	height: 100%;
	display: flex;
	flex-direction: row;
}
#incProduct .menuA li dl dt {
	border-bottom: none;
	border-top: none;
	min-width: 200px;
	background: #fff;
	color: #333;
	font-size: 1.8rem;
	letter-spacing: 0.03em;
	font-weight: bold;
	padding: 9px;
	text-align: center;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
#incProduct .menuA.blue li dl dt {
	background: #4a89c8;
	border-top: 3px solid #164676;
	border-bottom: 1px solid #164676;
	color: #FFF;
}
#incProduct .menuA.orange li dl dt {
	background: #fcf6ec;
	border-top: 3px solid #ee5d2a;
	border-bottom: 1px solid #ee5d2a;
}


#incProduct .menuA.pink li dl dt {
	background: #eee;
	color: #ee4e50;
	border-top: 1px solid #ee4e50;
	border-bottom: none;
	height: 104px;
}
#incProduct .menuA.pink .btnFlexibleA {
	width: 220px;
	background-color: #ee4e50;
	color: #fff!important;
	padding: 10px;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#incProduct .menuA.purple li dl dt {
	background: #682b8d;
	border-top: 3px solid #A372B5;
	border-bottom: 1px solid #A372B5;
	color: #fff!important;
}
#incProduct .menuA.purple.vyxeos li dl dt {
	background: #72267A;
	border-top: 3px solid #72267A;
	border-bottom: 3px solid #00BFD6;
	color: #fff!important;
}
#incProduct .menuA.purple.vyxeos span:after {
	border-top: 2px solid #333;
	border-right: 2px solid #333;
}
#incProduct .menuA.purple .btnFlexibleA {
	background-color: #A372B5;
	color: #fff!important;
}
#incProduct .menuA.purple .btnFlexibleA {
	background-color: #A372B5;
	color: #fff!important;
}
#incProduct .menuA.purple.vyxeos .btnFlexibleA {
	background-color: #dfcde0;
	color: #333!important;
}
#incProduct .menuA.purple.finteplaOverview li dl dt {
	background: #682b8d;
	border-top: 3px solid #682b8dBF;
	border-bottom: 1px solid #682b8dBF;
	color: #fff!important;
}
#incProduct .menuA.purple.finteplaOverview .btnFlexibleA {
    background: #682b8dBF;
    color: #fff !important;
}
#incProduct .menuA.purple.finteplaOverview .btnFlexibleA:hover {
    background: #873d89BF;
	opacity: 1.0;
}



#incProduct .menuA.lightblue li dl dt {
	background: #eff8fd;
	border-top: 3px solid #b9e3f9;
	border-bottom: 1px solid #b9e3f9;
	color: #023f73!important;
}
#incProduct .menuA.lightblue .btnFlexibleA {
	background-color: #023f73;
	color: #fff!important;
}

#incProduct .localNaviA_1.finteplaGuideFlow li {
	align-content: flex-start;
}

#incProduct .localNaviA_1.finteplaGuideFlow li a {
	color: #682b8d!important;
	background-color:#fff;
	border: 1px solid #A372B5;
	padding: 10px 0 20px 0;
	/* align-items: baseline; */
	align-items: inherit;
}
#incProduct .localNaviA_1.finteplaGuideFlow li a span {
	font-size: 16px;
	line-height: 120%;
	margin: 10px 2px;

	height: 40px;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#incProduct .localNaviA_1.finteplaGuideFlow li a span span{
	font-size: 11px;
	display: inline-block;
}
#incProduct .localNaviA_1.finteplaGuideFlow li a:hover {
	color: #fff!important;
	background-color: #A372B5;
	border: 1px solid #682b8d;
}
#incProduct .localNaviA_1.finteplaGuideFlow li a:before,
#incProduct .localNaviA_1.finteplaGuideFlow li div:before {
	/*border-bottom: solid 2px #89579e;
	border-right: solid 2px #89579e;*/
	border: none;
}
#incProduct .localNaviA_1.finteplaGuideFlow li:after {
	border-left: 11px solid #682b8d;
}
#incProduct .localNaviA_1.finteplaGuideFlow a {
	flex-direction: column;
	justify-content: flex-start;
}
#incProduct .localNaviA_1.finteplaGuideFlow li ul {
	padding: 0 5px;
}
#incProduct .localNaviA_1.finteplaGuideFlow li ul li:after {
	border: none;
}
#incProduct .localNaviA_1.finteplaGuideFlow li ul li:before {
	content:"・";
}
#incProduct .localNaviA_1.finteplaGuideFlow li ul li {
	width: 100%;
	display: block;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
	font-size: 14px;
	color: #333;
	font-weight: normal;
	letter-spacing: 0;
}
#incProduct .localNaviA_1.finteplaGuideFlow a:hover ul li {
	color: #fff;
}

.finteplaGuideFlow {
	flex-wrap: wrap;
}
.finteplaGuideFlow li {
	flex-direction: column;
}
.finteplaGuideFlow li p {
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
	/* display: flex;
	flex-direction: column;
	justify-content: center; */
	letter-spacing: 0;
}
body.product .productDetailArea #incProduct .localNaviA_1.finteplaGuideFlow li a {
	border: none;
	padding:5px;
	text-align: center;
}
body.product .productDetailArea #incProduct .localNaviA_1.finteplaGuideFlow li a:hover {
	opacity: .7;
}
body.product .productDetailArea #incProduct .localNaviA_1.finteplaGuideFlow li a.drv:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
body.product .productDetailArea #incProduct .localNaviA_1.finteplaGuideFlow li a.lxg:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
body.product .productDetailArea #incProduct .localNaviA_1.finteplaGuideFlow li a.drv,
#incProduct .menuA.purple .btnFlexibleA.drv {
	background: #873D89;
	letter-spacing: 0;
	font-weight: bold;
	color: #fff!important;
	text-align: center;
	display: inline-block;
	width: 85%;
	margin: 0 auto;
	padding: 5px;
	border-radius: 6px;
	margin-bottom: 10px;
	position: relative;
}
#incProduct .menuA.purple .btnFlexibleA.drv:hover {
	opacity: 1.0;
	background: #873d89BF;
}
body.product .productDetailArea #incProduct .localNaviA_1.finteplaGuideFlow li a.lxg,
#incProduct .menuA.purple .btnFlexibleA.lxg {
	background: #0099A6;
	letter-spacing: 0;
	font-weight: bold;
	color: #fff!important;
	display: inline-block;
	width: 85%;
	margin: 0 auto;
	padding: 5px;
	border-radius: 6px;
	margin-bottom: 10px;
	position: relative;
}
#incProduct .menuA.purple .btnFlexibleA.lxg:hover {
	opacity: 1.0;
	background: #0099A6BF;
}
#incProduct .menuA.purple .btnFlexibleA.drv {
	padding: 10px;
	font-weight: bold;
}
#incProduct .menuA.purple .btnFlexibleA.lxg {
	padding: 10px;
	margin-bottom: 0;
	font-weight: bold;
}
body.product .productDetailArea #incProduct .localNaviA_1.finteplaGuideFlow li a:last-child {
	margin-bottom: 0;
}
/* #incProduct .localNaviA_1.pieces4 li {
	padding: 0 30px;
} */
body.product .productDetailArea #incProduct .localNaviA_1.finteplaGuideFlow li span.drv {
	background: #873D89;
	letter-spacing: 0;
	font-weight: bold;
	color: #fff!important;
	text-align: center;
	display: flex;
	width: 85%;
	margin: 0 auto;
	padding: 8px;
	border-radius: 6px 6px 0 0;
	height: 43px;
}
body.product .productDetailArea #incProduct .localNaviA_1.finteplaGuideFlow li span.lxg {
	background: #0099A6;
	letter-spacing: 0;
	font-weight: bold;
	color: #fff!important;
	text-align: center;
	display: flex;
	width: 85%;
	margin: 0 auto;
	padding: 8px;
	border-radius: 0 0 6px 6px;
	height: 43px;
}
#incProduct .localNaviA_1.finteplaGuideFlow li div {
	flex-direction: column;
	border: none;
	color: #333;
	padding: 0;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
#incProduct .localNaviA_1.finteplaGuideFlow li:after {
	top: 70px;
}
.inSpan {
	display: flex;
	flex-grow: 1;
	padding: 0!important;
}
.inSpan:hover {
	opacity: .7;
	background: none!important;
}
.height {
	display: flex;
	flex-grow: 1;
}
.nonArrow:after {
	border: none!important;
}
.fontBold {
	font-weight: bold;
	font-size: 18px;
}
.indent {
	padding-left: 50px;
	margin-bottom: 15px;
}



/* vyxeos */
#incProduct .localNaviA_1.vyxeosGuideFlow {
	margin-bottom: 20px;
}
#incProduct .localNaviA_1.vyxeosGuideFlow li a {
	border: 1px solid #72267A;
	color: #333!important;
}
#incProduct .localNaviA_1.vyxeosGuideFlow li a:hover {
	border: 1px solid #72267A;
	background: #dfcde0;
	color: #333!important;
}
#incProduct .localNaviA_1.vyxeosGuideFlow li:after {
	border-left: 11px solid #72267A!important;
}
.vyxeosGuideLink {
	margin: 0 20px 20px;
}
.vyxeosGuideLink li {
	margin-bottom: 10px;
}
.vyxeosGuideLink li a {
	color: #333;
	position: relative;
}
.vyxeosGuideLink li a:after {
	content:"  >";
	font-weight: bold;
}
.btnVyxeos {
	width: 600px;
	display: inline-block;
	font-size: 2.4rem;
	color: #333;
	text-align: center;
	border: 1px solid #72267A;
	padding: 13px 0;
	font-weight: bold;
	border-radius: 50px;
}
#incProduct .btnVyxeos:hover {
	background-color: #A372B5;
	color: #fff!important;
}
#incProduct .btnVyxeos:hover .purple::before {
	background: #fff;
}
#incProduct .btnVyxeos:hover .purple::after {
	border-top: 4px solid #A372B5;
	border-right: 4px solid #A372B5;
}


#incProduct .menuA.pink .btnFlexibleA:before {
	content: " ";
	background: url(/lib/img/common/ico_right_circle.png) no-repeat;
	background-size: contain;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 8px;
	-ms-background-size: contain;
	background-size: contain;
	vertical-align: middle;
	margin-top: -2px;
}
#incProduct .menuA.pink .btnFlexibleA>span:after {
	display: none;
}

#incProduct .menuA li.twoLine dl dt {
	height: auto;
	line-height: 1.4;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#incProduct .menuA li dl dd {
	color: #000;
	padding: 0px 62px 0px 30px;
	font-feature-settings: "palt";
	width: 100%;
	min-height: 90px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items: center;
	flex-flow: row;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}

#incProduct .menuA li dl dd.iconPor {
	position: relative;
}
#incProduct .menuA li dl dd.iconPor::before {
  content: '＞';
  width: 20px;
  height: 20px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  font-size: 10px;
  text-align: center;
  line-height: 20px;
  padding-left: 3px;
}



#incProduct .menuA li.twoLine dl dd {
	height: calc(100% - 60px);
}
#incProduct .menuA li dl dd .btnArea {
	margin-top: 20px;
	font-weight: bold;
}
#incProduct .menuA .btnArea a:nth-of-type(2) {
	margin-top: 15px;
}


/* 矢印アイコン */
#incProduct .btnFlexibleA>span:after,
#incProduct .btnFlexibleA_1>span:after,
#incProduct .btnFixedA>span:after,
#incProduct .btnFixedA_1>span:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* #incProduct .overviewWrap.upColor .menuA  .btnFlexibleA>span:after {
	border-top: 2px solid #333;
	border-right: 2px solid #333;
} */
/* ボタンカラー */
#incProduct .btnFlexibleA,
#incProduct .btnFixedA {
	background-color: #c60053;
	color: #fff!important;
}

#incProduct .menuA.blue .btnFlexibleA,
#incProduct .menuA.blue .btnFixedA {
	background-color: #164676;
	color: #fff!important;
}
#incProduct .menuA.orange .btnFlexibleA,
#incProduct .menuA.orange .btnFixedA {
	background-color: #ee5d2a;
	color: #fff!important;
}

#incProduct .menuA.lightblue .btnFlexibleA,
#incProduct .menuA.lightblue .btnFixedA {
	background-color: #023f73;
	color: #fff!important;
}

#incProduct .menuA li dl dt.ttlSup {
	position:relative;
}
#incProduct .menuA li dl dt.ttlSup p {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
}

.btnFlexibleA_1,
.btnFixedA_1 {
	background-color: #023f73;
	color: #fff!important;
}
/* hover  -------------*/
#incProduct .btnFlexibleA:hover,
#incProduct .btnFixedA:hover,
#incProduct .btnFlexibleA_1:hover,
#incProduct .btnFixedA_1:hover,
#incProduct .btnFixed:hover,
#incProduct .btnDetail a:hover {
	opacity:.7;
}

/* 幅可変 -------------*/
#incProduct .btnFlexibleA,
#incProduct .btnFlexibleA_1 {
	width: 85%;
	display: block;
	text-align: center;
	border-radius: 5px;
	padding: 10px;
	margin: 0 auto;
	text-decoration: none;
	position: relative;
}
/**/
#incProduct .btnFlexibleA:before,
#incProduct .btnFlexibleA_1:before,
#incProduct .titleA:before {
	display: block;
	width: 0;
	height: 0;
	margin-top: calc((1 - 1.6) * .5em);
	content: "";
}

#incProduct .btnFlexibleA:after,
#incProduct .btnFlexibleA_1:after,
#incProduct .titleA:after {
	display: block;
	width: 0;
	height: 0;
	margin-bottom: calc((1 - 1.6) * .5em);
	content: "";
}


/*  */
	/* 製品情報概要　jaypirca用 */
	#incProduct .menuA.jaypirca li dl dt {
		background: #b6e200;
		border-top: 3px solid #b6e200;
		border-bottom: 3px solid #ee006d;
		color: #373e4f!important;
	}
	#incProduct .menuA.jaypirca span:after {
		border-top: 2px solid #333;
		border-right: 2px solid #333;
	}
	#incProduct .menuA.jaypirca .btnFlexibleA {
		background-color: #B6E2004D;
		color: #333!important;
	}
	#incProduct .menuA.jaypirca li {
		border-right: 1px solid #b6e200;
		border-left: 1px solid #b6e200;
		border-bottom: 1px solid #b6e200;
	}
	/* 適正使用ガイド */
	#incProduct .localNaviA_1.jaypircaGuideFlow {
		margin-bottom: 20px;
	}
	body.product .productDetailArea #incProduct .localNaviA_1.jaypircaGuideFlow li a {
		border: 1px solid #b6e200;
		color: #333333;
	}

	#incProduct .localNaviA_1.jaypircaGuideFlow li a:hover {
		border: 1px solid #b6e200;
		background: #B6E2004D;
		color: #333333;
	}
	#incProduct .localNaviA_1.jaypircaGuideFlow li a:link,
	#incProduct .localNaviA_1.jaypircaGuideFlow li a:visited {
		border: 1px solid #b6e200;
	}
	#incProduct .localNaviA_1.jaypircaGuideFlow li:after {
		border-left: 11px solid #b6e200;
	}

	.jaypircaGuideLink {
		margin: 0 32px;
	}
	.jaypircaGuideLink li a:after {
		content:"  >";
		font-weight: bold;
	}
	.btnJaypirca {
		width: 600px;
		display: inline-block;
		font-size: 2.4rem;
		color: #333;
		text-align: center;
		border: 1px solid #b6e200;
		padding: 13px 0;
		font-weight: bold;
		border-radius: 50px;
	}
	.btnJaypirca:hover {
		background: #B6E2004D;
	}
	#incProduct .lightGreen::before {
		width: 28px;
		height: 28px;
		border-radius: 50%;
		background: #b6e200;
	}
	#incProduct .lightGreen::after {
		width: 12px;
		height: 12px;
		border-top: 4px solid #fff;
		border-right: 4px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.jaypircaGuideLink a {
		color: #333;
	}
	#incProduct .guideArrow.lightGreen::after {
		top: -8px;
		left: -32px;
	}
	.pdfIcon.lightGree,.btnAf.lightGreen {
	color: #333;
	}



/*  */


/* タイトル */
#incProduct .titleA,
#incProduct .titleA_1 {
	font-size: 2.0rem;
	font-weight: bold;
	padding: 0 0 0 15px;
	text-align: left;
}
#incProduct .titleA {
	color: #c60053;
    /* border-bottom: 1px solid #c80852;
    padding-bottom:10px;
    margin-bottom:20px; */
}
#incProduct .titleA.black {
	font-size: 2.0rem;
	color: #333;
}
#incProduct .titleA.orange {
	color: #ee5d2a;
}
#incProduct .titleA_1 {
	color: #023f73;
    /* border-bottom: 1px solid #023f73;
    padding-bottom:10px;
    margin-bottom:20px; */
}
/* localNavi ローカルナビ */
#incProduct .localNaviA,
#incProduct .localNaviA_1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	margin: 0 15px 0;
	justify-content: center;
}
#incProduct .localNaviA li,
#incProduct .localNaviA_1 li {
	width: calc((100% - 120px) / 5);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}
#incProduct .localNaviA_1.pieces4 li {
	width: calc((100% - 120px) / 4);
}
#incProduct.defitelioParts .localNaviA_1.pieces4 li a:hover {
	background: #408BCA;
	color: #FFFFFF;
	border: 1px solid #094877;
}
#incProduct .localNaviA li:after,
#incProduct .localNaviA_1 li:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -30px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 9px;
	height: 9px;
	border: 9px solid transparent;
}
#incProduct .localNaviA li:after {
	border-left: 11px solid #c60053;
}
#incProduct .localNaviA.orange li:after {
	border-left: 11px solid #ee5d2a;
}
#incProduct .localNaviA_1 li:after {
	border-left: 11px solid #023f73;
}
#incProduct .localNaviA li:last-of-type:after,
#incProduct .localNaviA_1 li:last-of-type:after {
	content: none;
}
#incProduct .localNaviA li a,
#incProduct .localNaviA_1 li a ,
#incProduct .localNaviA li div,
#incProduct .localNaviA_1 li div{
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: bold;
	text-align: center;
	padding: 15px 10px;
	position: relative;
}
#incProduct .localNaviA li div,
#incProduct .localNaviA_1 li div{
	padding: 15px 10px;
}
#incProduct .localNaviA li a,
#incProduct .localNaviA li > div {
	color: #c60053;
	border: 1px solid #c60053;
}
#incProduct .localNaviA.orange li a ,
#incProduct .localNaviA.orange li > div {
	color: #ee5d2a;
	border: 1px solid #ee5d2a;
}
#incProduct .localNaviA_1 li a ,
#incProduct .localNaviA_1 li > div {
	color: #023f73;
	border: 1px solid #023f73;
}
#incProduct .localNaviA li a:link,
#incProduct .localNaviA li a:visited {
	color: #c60053;
	text-decoration: none;
}

#incProduct .localNaviA.orange li a:link,
#incProduct .localNaviA.orange li a:visited {
	color: #ee5d2a;
	text-decoration: none;
}

#incProduct .localNaviA_1 li a:link,
#incProduct .localNaviA_1 li a:visited {
	color: #023f73;
	text-decoration: none;
}

#incProduct .localNaviA li a:hover {
	color:#fff;
	background: #c60053;
	text-decoration: none;
}

#incProduct .localNaviA.orange li a:hover {
	color:#fff;
	background: #ee5d2a;
	text-decoration: none;
}

#incProduct .localNaviA_1 li a:hover {
	color:#fff;
	background: #023f73;
	text-decoration: none;
}

#incProduct .localNaviA li a:before ,
#incProduct .localNaviA li > div:before {
	border-bottom: solid 2px #c60053;
	border-right: solid 2px #c60053;
}
#incProduct .localNaviA.orange li a:before {
	border-bottom: solid 2px #ee5d2a;
	border-right: solid 2px #ee5d2a;
}
#incProduct .localNaviA_1 li a:before ,
#incProduct .localNaviA_1 li div:before {
	border-bottom: solid 2px #023f73;
	border-right: solid 2px #023f73;
}
#incProduct .localNaviA li a:hover:before,
#incProduct .localNaviA li > div:hover:before,
#incProduct .localNaviA_1 li a:hover:before,
#incProduct .localNaviA_1 li div:hover:before {
	border-bottom: solid 2px #fff;
	border-right: solid 2px #fff;
}
/* 矢印付きリンク　*/
#incProduct .arrowLinkWrap{
	margin-bottom: 15px;
}
#incProduct .arrowLink,
#incProduct .arrowLink_1{
		text-decoration: none;
}
#incProduct .arrowLink span,
#incProduct .arrowLink_1 span{
		display: inline-block;
	color: #333!important;
	padding-right: 2em;
	position: relative;
	/*margin-bottom: 20px;*/
}
#incProduct .arrowLink span{
	border-bottom: 1px solid #c60053;
}
#incProduct .arrowLink_1 span{
	/*border-bottom: 1px solid #3073ab;*/
}
#incProduct .arrowLink span:after,
#incProduct .arrowLink_1 span:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#incProduct .categoryLink {
	margin-bottom: 20px;
}
#incProduct .categoryLink li .arrowLink span,
#incProduct .categoryLink li .arrowLink_1 span{
	display: block;
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
	margin-left: 10px;
}
#incProduct .categoryLink li .arrowLink span{
	border-bottom: 2px solid #c60053;
}
#incProduct .categoryLink li .arrowLink_1 span{
	border-bottom: 2px solid #3073ab;
}
#incProduct .categoryLink li .arrowLink span:before,
#incProduct .categoryLink li .arrowLink_1 span:before {
	display: inline-block;
	content: "";
	width: 3px;
	height: 26px;
	position: absolute;
	top: 3px;
	left: -10px;
}
#incProduct .categoryLink li .arrowLink span:before {
	background: #c60053;
}
#incProduct .categoryLink li .arrowLink_1 span:before {
	background: #023f73;
}
#incProduct .Overview p {

}
/*適正使用のためのフロー*/
#incProduct .localNaviB {
}
#incProduct .localNaviB ul {
	display: flex;
	flex-direction: column;
	gap: 36px;
	margin: 0 0 40px 20px;
}
#incProduct .localNaviB li {
	width: 100%;
	display: flex;
	position: relative;
	min-height: 90px;
}
#incProduct .usageGuideWrap .localNaviB dl {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 13px 20px 13px 30px;
	justify-content: space-between;
}

#incProduct .localNaviB dl dt {
	font-weight: bold;
	font-size: 20px;
	text-align: left;
	letter-spacing: 0;
	padding-right: 10px;
}
.linkTool {
	text-align: right;
	font-size: 1.8rem;
	font-weight: normal;
}
.linkTool a {
	position: relative;
	margin-left: 190px;
	background: linear-gradient(#003f73, #003f73) 0 100% / 0 1px no-repeat;
	transition: background .4s;
	text-decoration: none;
}
.linkTool a:hover {
	background-size: 100% 1px;
}
.linkTool a:before {
	content: '＞';
	width: 20px;
	height: 20px;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	padding-left: 3px;
	background: #682B8D;
	color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 970px) {	
	.linkTool a {
		margin-left: auto;
		margin-bottom: 20px;
		display: inline-block;
	}
}
#incProduct .localNaviB dl dd {
	border: none;
	padding: 0;
}
#incProduct .localNaviB dl dd:nth-child(odd) {
	border-top: none;
}
#incProduct .localNaviB dl .btnFlow_1,
#incProduct .localNaviB dl .btnFlow_2 {
	min-width: 210px;
	padding: 0;
	border-radius: 11px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#incProduct .localNaviB dl .btnFlow_3 {
	height: auto;
	display: flex;
	align-items: center;
	padding: 0;
	border-radius: 11px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#incProduct .localNaviB dl .btnFlow_1 a,
#incProduct .localNaviB dl .btnFlow_2 a,
#incProduct .localNaviB dl .btnFlow_3 a {
	color: #FFF;
	border-radius: 11px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	height: 60px;
}
#incProduct .localNaviB dl .btnFlow_1 a:hover,
#incProduct .localNaviB dl .btnFlow_2 a:hover,
#incProduct .localNaviB dl .btnFlow_3 a:hover {
	opacity:.7;
}

#incProduct .usageGuideWrap .localNaviB dl .btnFlow_3 a {
	width: 440px;
}

#incProduct .usageGuideWrap .localNaviB dl .btnFlow_3 a:before {
	border-radius: 0 11px 11px 0;
	width: 50%;
	position: absolute;
	bottom:0;
	right: 0;
	margin: auto;
	content: "";
	height: 100%;
}

#incProduct .localNaviB dl .btnFlow_1 a span,
#incProduct .localNaviB dl .btnFlow_2 a span,
#incProduct .localNaviB dl .btnFlow_3 a span {
	z-index: 1;
	line-height: 3rem;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 0;
}
#incProduct .localNaviB dl .btnFlow_1 a span:after,
#incProduct .localNaviB dl .btnFlow_2 a span:after {
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#incProduct .localNaviB dl .btnFlow_3 a span:after {
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 35px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



#incProduct .localNaviB li:after {
	position: absolute;
	top: initial;
	bottom: -44px;
	right: initial;
	left: 82px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 19px;
	height: 22px;
	border: 16px solid transparent;
}

#incProduct .localNaviB li:last-child:after {
	position: unset;
	border: none;
	width: unset;
	height: unset;
}
#incProduct .btnDetail {
	display: flex;
	justify-content: center;
}
#incProduct .incProductWrap2 .btnDetail a {
	font-size: 21px;
	border-radius: 2em;
	padding: 10px 20px;
	width: auto;
	min-width: 470px;
	text-align: center;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

#incProduct .btnDetail a {
	font-size: 2.0rem;
	color: #333;
	border-radius: 2em;
	background: #fce257;
	padding: 10px 20px;
	width: 40%;
	text-align: center;
	font-weight: bold;
	display: flex;
	align-items: baseline;
	justify-content: center;
}

#incProduct .btnDetail a span {
	display: flex;
	padding-left:30px;
	font-size: 1.6rem;
	position: relative;
}
#incProduct .btnDetail a span:after {
	z-index: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


#incProduct .erizasWidth {
	width: 1020px;
	margin: 0 auto;
}
.erizasWidth a {
    display: inline-block;
}

/* 適正使用ガイド */
#incProduct .btnFixedE {
	width: 600px;
	display: inline-block;
	font-size: 2.4rem;
	color: #333;
	text-align: center;
	border: 1px solid #003f73;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 13px 0;
	font-weight: bold;
	border-radius: 50px;
}
#incProduct .btnFixedE:hover {
	background-color: #003f73;
    color: #fff!important;
}
#incProduct .guideArrow {
	display: inline-block;
    position: relative;
    vertical-align: middle;
    text-decoration: none;
}
#incProduct .guideArrow::before,
#incProduct .guideArrow::after{
    position: absolute;
    margin: auto;
    content: "";
    vertical-align: middle;
}
#incProduct .guideArrow::before {
	top: -16px;
	left: -38px;
}
#incProduct .guideArrow::after {
    top: -8px;
    left: -32px;
}
#incProduct .navy::before{
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #003f73;
}
#incProduct .green::before{
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #018d5b;
}
#incProduct .pink::before{
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #ee4e50;
}
#incProduct .purple::before{
	width: 28px;
	height: 28px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #460f6a;
}
#incProduct .navy::after,
#incProduct .green::after,
#incProduct .pink::after,
#incProduct .purple::after {
	width: 12px;
    height: 12px;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#incProduct .btnFixedE:hover .navy::before,
#incProduct .btnFixedE:hover .green::before,
#incProduct .btnFixedE:hover .pink::before,
#incProduct .btnFixedE:hover .purple::before {
	background: #fff;
}
#incProduct .btnFixedE:hover .navy::after,
#incProduct .btnFixedE:hover .green::after,
#incProduct .btnFixedE:hover .pink::after,
#incProduct .btnFixedE:hover .purple::after {
	border-top: 4px solid #003f73;
    border-right: 4px solid #003f73;
}
.addcontents {
	display: flex;
	gap: 30px;
	justify-content: center;
}
.addcontents li {
	display: flex;
}
.addcontents li a {
	font-weight: bold;
	color: #89579e!important;
	border: 1px solid #682b8d;
	min-width: 260px;
	text-align: center;
	padding: 10px 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.addcontents li a:hover {
	color: #fff!important;
	background-color: #A372B5;
	border: 1px solid #682b8d;
}

.appropriate {
	display: flex;
	gap: 30px;
	justify-content: center;
}
.appropriate li {
	display: flex;
}
.appropriate li a {
	font-weight: bold;
	color: #023f73!important;
	border: 1px solid #b9e3f9;
	min-width: 260px;
	text-align: center;
	padding: 10px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.appropriate li a:hover {
	color: #023f73!important;
	background-color: #b9e3f9;
	border: 1px solid #b9e3f9;
}

.btnFintepla {
	width: 600px;
	display: inline-block;
	font-size: 2.4rem;
	color: #333;
	text-align: center;
	border: 1px solid #682b8d;
	padding: 13px 0;
	font-weight: bold;
	border-radius: 50px;
}

#incProduct .purple::before {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #A372B5;
}
#incProduct .btnFintepla:hover{
	background-color: #A372B5;
	color: #fff!important;
}
#incProduct .btnFintepla:hover .purple::after {
	width: 12px;
	height: 12px;
	border-top: 4px solid #A372B5;
	border-right: 4px solid #A372B5;
	transform: rotate(45deg);
}
#incProduct .btnFintepla:hover .purple::before {
	background: #fff;
}

#incProduct .pdfIcon {
	padding-right: 15px;
}
#incProduct .pdfIcon:after {
	content: " ";
    background: url(/lib/img/common/ico_pdf.png) no-repeat;
	display: inline-block;
	width: 23px;
	height: 28px;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 8px;
}
#incProduct .btnAf {
	font-size: 2rem;
}
body.product #infonews {
	display: block;
	padding-top: 120px;
	margin-top: -120px;
}
body.product #infonews,
body.product .anchorPoint#relatedInfo,
body.product .anchorPoint#contents02,
body.product .anchorPoint#contents03,
body.product .anchorPoint#contents04,
body.product .anchorPoint#contents05,
body.product .anchorPoint#contents06,
body.product .anchorPoint#appropriate {
	pointer-events: none;
	z-index: 0;
}
body.product .btnArea2 .btnB,
body.product .btnFixedE,
body.product .linkLine {
	pointer-events: auto!important;
	position: relative;
}
body.product .pointerEvents {
	pointer-events: auto!important;
}
body.product .movieLibraryList .slick-dots li button:before {
	font-size:35px;
}
body.product #relatedInfo.el {
padding-bottom: 0;
}
body.product #relatedInfo .titleB,
body.product .anchorPoint#contents02 .titleB,
body.product .anchorPoint#contents03 .titleB,
body.product .anchorPoint#appropriate .titleB {
margin-bottom: 0!important;
}
body.product #productimg.titleB,
body.product .productDetailArea .titleB {
	line-height: 1;
	margin-bottom:30px;
	margin-top: 10px;
}


body.product .anchorPoint#contents03 a.linkLine {
	font-weight: bold;
}
body.product .anchorPoint#contents02 a.linkLine:visited,
body.product .anchorPoint#contents03 a.linkLine:visited {
	color: #003f73;
}
body.product .anchorPoint#relatedInfo a,
body.product .anchorPoint#contents02 a,
body.product .anchorPoint#contents03 a,
body.product .anchorPoint#contents04 a,
body.product .anchorPoint#contents05 a,
body.product .anchorPoint#contents06 a,
body.product .anchorPoint#appropriate a {
	pointer-events: auto;
}
.blockend-product {
	margin-bottom: 25px!important;
}
.incProduct .blockend-product {
	margin-bottom: 20px!important;
}
.pb0 {
	padding-bottom: 0!important;
}


.certificationClick.btnFlexibleA:hover {
	cursor: pointer;
}

body.product #incProduct .certificationClick.btnFlexibleA {
	position: relative;
}
body.product #incProduct .certificationClick.btnFlexibleA:before {
	content:"";
	position: absolute;
	display: inline-block;
	top:58%;
	left: 16px;
	width: 17px;
	height: 18px;
	background: url(/lib/img/common/ico_key_on.png);
	background-size: contain;
	transform: translateY(-50%);
}
/* フィンテプラ 適正使用ガイド 上付き調整 */
#incProduct ul.finteplaGuideFlow li span sup{
	top: -0.4em;
}

/*ガザイバ製品詳細 個別スタイル*/
body.product #incProduct p.ga_cap{
	margin: 10px 15px 25px;
}

/*ウプトラビ製品詳細 製品関連情報*/

.boxWrap ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom:30px;
	text-align: center;
	margin-left: 20px;
	gap: 40px 10px;
}
.boxWrap.boxNoText ul {
	align-items: flex-start;
}

.boxWrap ul li {
	width: calc((100% - 2 * 10px) / 3);
	margin: 0;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

/*  */
.incProductWrap3 .boxWrap ul li {
	box-shadow: none;
}
.incProductWrap3 .boxWrap ul li a {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	display: block;
}
.incProductWrap3  .boxWrap ul li .boxShadowWrap {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.incProductWrap3 .boxWrap li dl dt + dd {
	min-height: 140px;
}

.relatedInformationNote {
	font-size: 14px;
	text-align: left;
}


/*  */

.boxWrap ul li.actualUseBnr a {
	display: block;
	padding-top: 0;
}
.boxWrap ul li a:hover {
	opacity: .7;
}

.boxWrap ul li.actualUseBnr figcaption {
	font-size: 16px;
	line-height: inherit;
	text-align: left;
	margin-top: 0;
	padding: 18px 16px 24px;
	line-height: 1.5;
	letter-spacing: 0.01em;
	color: #333333;
}

.boxWrap dl dd.classification_1 span,
.boxWrap dl dd.classification_2 span,
.boxWrap dl dd.classification_3 span {
	border-radius: 1.7em;
	width: 60%;
	padding: 0.5% 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	font-weight: bold;
}
.boxWrap dl {
	position: relative;
}
.boxWrap li dl dt,
body.product .boxWrap li dl dd {
	text-align: left;
	font-size: 14px;
}
.boxWrap li dl dt + dt,
body.product .boxWrap li dl dt + dd {
	padding: 24px 16px 24px;
	color: #333333;
	font-size: 16px;
	letter-spacing: 0.01em;
}

.boxWrap dl dd.classification_1 span {
	color: #FFF;
	background: #3100fc;
}
.boxWrap dl dd.classification_2 span {
	color: #FFF;
	background: #056442;
}
.boxWrap dl dd.classification_3 span {
	color: #000;
	background: #fed400;
}
.boxWrap dl dt.classificationImg {
	margin: 0;
	text-align: center;
	background-color: #F8F8F8;
}
.boxWrap dl dt.classificationImg img {
	margin: 0;
	max-height: 170px;
	width: auto;
}
.movieLibraryArea .boxWrap dl dt.classificationImg img {
	width: 100%
}
.boxWrap dl dt.newicon::before {
	position: absolute;
	content: "NEW";
	color: #FFF;
	background: #bd192e;
	padding: 0 2%;
	font-size: 14px;
}
.boxWrap dl dt img {
	width: 100%;
	/* object-fit: contain;
	width: 320px;
	height: 180px; */
}
.boxWrap .newico {
	position: relative;
	display: block;
}
.boxWrap .newico::before {
	position: absolute;
	content: "NEW";
	color: #FFF;
	background: #bd192e;
	padding: 0 2%;
	font-size: 14px;
	top: 0;
	left: 0;
	z-index: 1;
}
.boxWrap #pamphWrapper dl dt img {
	max-height: 170px;
	width: auto;
}
.boxWrap dl dt {
	position: relative;
}
.boxWrap dl dt.lock::after {
	position: absolute;
	top: 0px;
	right: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size: contain;
}

#openBtn{
	cursor: pointer;
	display: none;
	text-align: center;
	padding: 4px 0 5px;
	border-radius: 15px;
	width: 140px;
	font-size: 16px;
	border: none;
	margin: 0 auto;
	margin-bottom: 0;
	font-weight: normal;
	background-color: #E5EBF1;
	color: #003F73;
}

#incProduct a.lock {
	position: relative;
  display:block;
}
#incProduct a.lock:after {
	position: absolute;
	top: 0px;
	right: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size:contain;
}
#incProduct figure.lock {
	position: relative;
  display:block;
}
#incProduct figure.lock:after {
	position: absolute;
	top: 0px;
	right: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size:contain;
}
#incProduct .actualUseBnr a.lock:after {
	top: 26px;
}

#incProduct .boxWrap span.certificationClick:hover{
	opacity: 0.7;
	cursor: pointer;
}
#incProduct .boxWrap dt.lock {
	position: relative;
}
/* #incProduct .boxWrap dt.lock:after {
	position: absolute;
	top: 0px;
	right: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size:contain;
} */
/*モノヴァー製品詳細 個別スタイル*/
#incProduct .monoverRelatedInfor span.lock {
	position: relative;
	display: block;
}
#incProduct .monoverRelatedInfor span.lock:hover {
	opacity: 0.7;
	cursor: pointer;
}
#incProduct .monoverRelatedInfor span.lock:after {
	position: absolute;
	top: 0px;
	right: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size:contain;
}
/*フィンテプラ製品詳細 個別スタイル*/
#incProduct .finteplaRelatedInfor span.lock {
	position: relative;
	display: block;
}
#incProduct .finteplaRelatedInfor span.lock:hover {
	opacity: 0.7;
	cursor: pointer;
}
#incProduct .finteplaRelatedInfor span.lock:after {
	position: absolute;
	top: 0px;
	right: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size:contain;
}

/*ビルテプソ 製品詳細 個別スタイル*/
#incProduct .viltepsoRelatedInfor span.lock {
	position: relative;
	display: block;
}
#incProduct .viltepsoRelatedInfor span.lock:hover {
	opacity: 0.7;
	cursor: pointer;
}
#incProduct .viltepsoRelatedInfor span.lock:after {
	position: absolute;
	top: 0px;
	right: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size:contain;
}
#incProduct .viltepsoRelatedInfor .newIco{
	position: relative;
}
#incProduct .viltepsoRelatedInfor .newIco::before{
	content: "NEW";
	display: inline-block;
	background-color: #bd192e;
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	padding: 0 5px;
	position: absolute;
	top: 0;
	left: 0;
}
/*ビダーザ 製品詳細 個別スタイル*/
#incProduct .vidazaRelatedInfor span.lock {
	position: relative;
	display: block;
}
#incProduct .vidazaRelatedInfor span.lock:hover {
	opacity: 0.7;
	cursor: pointer;
}
#incProduct .vidazaRelatedInfor span.lock:after {
	position: absolute;
	top: 10px;
	right: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size:contain;
}
#incProduct .vidazaRelatedInfor .newIco{
	position: relative;
}
#incProduct .vidazaRelatedInfor .newIco::before{
	content: "NEW";
	display: inline-block;
	background-color: #bd192e;
	color: #fff;
	font-size: 14px;
	line-height: 1.4;
	padding: 0 5px;
	position: absolute;
	top: 0;
	left: 0;
}

/*デファイテリオ製品詳細 個別スタイル*/
#incProduct .defitelioRelatedInfo span.lock {
	position: relative;
	display: block;
}
#incProduct .defitelioRelatedInfo span.lock:hover {
	opacity: 0.7;
	cursor: pointer;
}
#incProduct .defitelioRelatedInfo span.lock:after {
	position: absolute;
	top: 0px;
	right: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size:contain;
}
/*ビキセオス製品詳細 製品関連情報*/
.vyxeosRelatedInfor ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 35px;
	text-align: center;
}
#incProduct .vyxeosRelatedInfor ul li {
	width: 23%;
	margin: 10px;
}
#incProduct .vyxeosRelatedInfor span.lock {
	position: relative;
	display: block;
}
#incProduct .vyxeosRelatedInfor span.lock:hover {
	opacity: 0.7;
	cursor: pointer;
}
#incProduct .vyxeosRelatedInfor span.lock:after {
	position: absolute;
	top: 0px;
	right: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size:contain;
}

/* 医師向けパンフレット */
.doctorPamphletWrap .doctorPamphletTtl {
	font-size: 3.2rem;
	font-weight: bold;
	margin-bottom: 17px;
}
.doctorPamphletWrap {
	border-bottom: 1px solid #e5ebf1;
	padding-bottom: 56px;
	margin-bottom: 60px;
}
.doctorPamphletWrap .imgWrap{
	width: 39%;
	float: left;
}
.doctorPamphletWrap .doctorPamphletTtl,
.doctorPamphletWrap .textWrap,
.doctorPamphletWrap .btnWrap{
	float: right;
	width: 61%;
	padding-left: 30px;
}
.doctorPamphletWrap .note{
	font-size: 1.4rem;
}
.doctorPamphletWrap .bold{
	font-weight: bold;
}
.paragraph_docterPamphlet{
	margin-bottom: 60px;
}



body.product .productDetailArea #incProduct .localNaviA_1 li a {
	padding: 15px 10px 15px;
}
body.product .productDetailArea #incProduct .localNaviA_1 li a:before,
body.product .productDetailArea #incProduct .localNaviA_1 li a:hover:before {
	display: none;
}
.rmpBtn {
	width: 680px!important;
}


/* 製品詳細ページ　フローボタン　タブレット用 */
@media screen and (min-width: 768px) and (max-width: 970px) {
	#incProduct .btnFlexibleA, #incProduct .btnFlexibleA_1 {
		width: 100%;
	}
	#incProduct .localNaviA, #incProduct .localNaviA_1 {
		justify-content: space-between;
	}
	#incProduct .localNaviA li, #incProduct .localNaviA_1 li {
		width: auto;
	}
	#incProduct .vidazaRelatedInfor .menuA {
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	#incProduct .vidazaRelatedInfor .menuA div:not(:last-child) {
		margin-right: 10px;
	}
}


/* ログイン前アクション継続確認モーダル */
.afterLoginModal .modalInner {
	position: fixed;
	left: 50%;
	top: 35%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	background-color: #FFF;
	width: 450px;
	padding: 60px 0;
	text-align: center;
	z-index: 999999;
}
.afterLoginModal .overlay{
	position:fixed;
	width:100vw;
	height:100vh;
	background-color:rgba(2,63,117,0.3);
	left:0;
	top:0;
	z-index:99999;
}
.afterLoginModal .modalClose {
	background: #094877!important;
	color: #FFFFFF;
	display: flex;
	position: absolute;
	top: -30px;
	right: 0;
	width: 30px;
	height: 30px;
	font-size: 1.6em!important;
	line-height: 1;
	text-align: center;
	line-height: .8!important;
	justify-content: center;
	align-items: center;

}
.afterLoginModal .modalInner .readArea {
	width: 84%;
	margin: 0 auto;
	text-align: left;
}
.afterLoginModal .modalInner .readArea p {
	text-align: center;
	padding: 0 0 50px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
}
body#regionInformation .afterLoginModal .modalInner .continueBtn a,
body:not(#regionInformation) .afterLoginModal .modalInner .continueBtn {
	display: inline-block;
	width: 240px;
	background: #003f73;
	border-radius: 5px;
	padding: 7px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	cursor: pointer;
}
/* 閲覧履歴下に余白 */
body.top article {
	display: flex;
	flex-direction: column;
}
#browsingHistory {
	margin-bottom: 98px;
}
body.top #browsingHistory {
	margin-bottom: 40px;
	order: 4;
}

/* おすすめボタン */
.rcmBtnFitWidth {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 60px;
}
.rcmBtnWrap {
	margin-bottom: 30px;
	color: #003f73;

}
.rcmBtnWrap a:hover {
	text-decoration: none;
	color: inherit;
	opacity: .7;
}
.rcmBtnWrap ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.rcmBtnWrap ul li {
	display: flex;
	line-height: 1.25;
	width: 50%;
	max-width: 540px;
}
.rcmBtnWrap ul li:nth-of-type(3n) {
	margin-right:auto
}
.rcmBtnWrap ul li a {
	position: relative;
	width: 100%;
	background: #ffffff;
	border-radius: 100vmax;
	margin: 0;
	border: 2px solid #003f73;
	border-radius: 100vmax;
	line-height: 1.25;
	display: flex;
	align-items: center;
	position: relative;
	padding: 12px 32px 12px 15px;
	min-height: 60px;
}
.rcmBtnWrap ul li a:hover span,
.rcmBtnWrap ul li a p,
.rcmBtnWrap ul li a:visited p {
	color: #003f73;
}
.rcmBtnWrap ul li.current  {
	pointer-events: none
}
.rcmBtnWrap ul li.current a {
	background-color: #e5ebf1;
}
.rcmBtnWrap ul li.current a::before  {
	content: none;
}
.rcmBtnWrap ul li a::before {
	position: absolute;
	content: "";
	right:15px;
	top: 50%;
	height: 15px;
	/* z-index: 100; */
	transform: translateY(-50%);
	border-left: 10px solid #003f73;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}
.rcmBtnWrap ul li span {
	font-size: 16px;
	font-weight: bold;
}
.rcmBtnWrap ul li span span {
	font-size: 20px;
}
.rcmBtnWrap ul li p {
	text-align: left;
	margin-left: 12px;
	font-size: 14px;
	line-height: 1.25;
}
.rcmBtnWrap.mb {
	margin-bottom: 70px;
}
.rcmBtnWrap.mt {
	margin-top: 30px;
}
@media screen and (min-width: 768px) and (max-width: 970px) {
	.rcmBtnWrap ul {
		flex-direction: column;
	}
	.rcmBtnWrap ul li {
		width: 80%;
		margin: 0 auto!important;
	}
	.rcmBtnWrap ul li a {
		font-size: 14px;
		min-height: 50px;
	}
	.rcmBtnWrap ul li p {
		font-size: 14px;
	}
}

/* stable_supply */
body#genericDrugs h2 {
	font-size: 2.2rem;
	font-weight: bold;
	color: #464646;
	text-align: center;
	line-height: 1.6;
	position: relative;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
body#genericDrugs .titleJ {
	text-align: center;
	color: #023f73;
	font-size: 2.4rem;
	font-weight: bold;
	background: #e5ebf1;
	padding: 27px 0 17px;
	margin-bottom: 50px;
	border-bottom: none;
}
body#genericDrugs .titleK {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 20px;
}
body#genericDrugs .titleK:before {
	content: "";
	display: inline-block;
	background: #023f73;
	border-radius: 100vmax;
	width: 5px;
	height: 20px;
	margin-right: 10px;
}
body#genericDrugs .titleK:after {
	display: none;
}
body#genericDrugs .border {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
	margin-left: 1em;
	width: 80%;
}
body#genericDrugs .titleL {
	display: flex;
	align-items: center;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: left;
	border: none;
	position: relative;
	padding-left: 20px;
}
body#genericDrugs .titleL:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 12px solid #023f73;
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
}
@media screen and (min-width: 768px) and (max-width: 970px) {
	body#genericDrugs .border {
	width: 100%;
	}
}
body#genericDrugs .border a {
	transition: .2s;
	display: flex;
	justify-content: space-between;
	border: 2px solid #023f73;
	border-radius: 10px;
	padding: 10px 70px 10px 20px;
	width: 100%;
	font-weight: bold;
}
body#genericDrugs .border a:hover {
	background: #023f73;
	color: #fff;
}
body#genericDrugs section .border:last-child {
	margin-bottom: 100px;
}

body#genericDrugs .fileTypePdf span {
	color: #e60012;
	border: 1px solid #e60012;
	background: #fff;
	font-size: 1.0rem;
	display: inline-block;
	padding: 0 5px;
	position: relative;
}
body#genericDrugs .fileTypePdf:before {
	content: " ";
	background: url(/lib/img/common/ico_pdf.png) no-repeat;
	background-size: contain;
	display: inline-block;
	width: 23px;
	height: 28px;
	margin-left: 22px;
	margin-right: 15px;
	-ms-background-size: contain;
	background-size: contain;
	vertical-align: middle;
	margin-top: -2px;
}
body#genericDrugs .fileTypePdf > span:after {
	content: " ";
	background: url(/lib/img/common/ico_download2.png) no-repeat;
	display: inline-block;
	width: 14px;
	height: 14px;
	-ms-background-size: contain;
	background-size: contain;
	position: absolute;
	right: -50px;
	top: 0;
	bottom: 0;
	margin: auto;
}





















body.top #topImg {
	margin-top: 100px;
}
#topImg {
	height: auto;
}
.mainInner {
	width: 100%;
	padding: 40px 80px;
	border-bottom: 2px solid #e5ebf1;
}
.mainInner .btnThree {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.btnThree li {
	position: relative;
}
.btnThree li a {
	width: 180px;
	height: 180px;
	border: 2px solid #003f73;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding: 20px;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}
.btnThree li a,
.btnThree li a:visited {
	color: #003f73;
	display: block;
	position: relative;
}
.btnThree li a figure {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	height: 100%;
}
.btnThree li a figure figcaption {
	font-size: 16px;
}
.btnThree li a:after {
	content: "";
	display: inline-block;
	width: 80px;
	height: 80px;
	background: #003f73;
	position: absolute;
	right: -50px;
	bottom: -50px;
	transform: rotate(45deg);
}
.btnThree li a:before {
	content: "";
	position: absolute;
	bottom: 6px;
	right: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 10;
	width: 10px;
	height: 10px;
}
.btnMainIn {
	display: flex;
	justify-content: space-around;
}
.btnMainIn li a {
	color: #fff;
	display: flex;
	background: #003f73;
	font-size: 16px;
	font-weight: bold;
	border-radius: 10px;
	width: 220px;
	height: 40px;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
}


/* stable_supply.php */

body#genericDrugs .selectYear ul {
	padding: 20px 40px;
	border-top: 1px solid #809fb9;
	border-bottom: 1px solid #809fb9;
	display: flex;
}
body#genericDrugs .selectYear ul li a {
	position: relative;
	display: inline-block;
	font-weight: bold;
}
body#genericDrugs .selectYear ul li a:hover {
	opacity:.7;
}
body#genericDrugs .selectYear ul li a:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 12px solid #023f73;
	position: absolute;
	left: -30px;
	top: 0;
	bottom: 0;
	margin: auto;
}
body#genericDrugs .selectYear ul li a:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 1em;
	border-right: 1px solid #023f73;
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
}
body#genericDrugs .border > div {
	transition: .2s;
	display: flex;
	justify-content: space-between;
	border: 2px solid #023f73;
	border-radius: 10px;
	padding: 10px 0px 10px 20px;
	width: 100%;
	font-weight: bold;
	color: #023f73;
}
body#genericDrugs .border > div a {
	border: none;
}

/* 担当MRへ連絡
------------------------------------------------------------------ */
#emr {
	position: relative;
}
#emr:after {
	display: none;
}
#emr.notificationOn:after,
#emrLinkSp.notificationOn:after {
	display: flex;
	justify-content: center;
	align-items: center;
	content: "！";
	font-size: 12px;
	width: 14px;
	height: 14px;
	background: #f00;
	color: #fff;
	border-radius: 100%;
	position: absolute;
	top: -5px;
	right: -5px;
}
#emr .emrMenu {
	transform: translateX(-50%);
	transform-origin: center top;
	position: absolute;
	top: 30px;
	left: 50%;
	z-index: 110;
	width: 800px;
	padding-top: 20px;
	display: none;
	font-weight: normal;
}
#emr .emrMenu .btnClose {
	position: absolute;
	top: 0;
	right: -20px;
	cursor: pointer;
	transition: .1s;
	z-index: 10;
}
#emr .emrMenu .btnClose:hover {
	opacity: .7;
}
#emr .emrMenu .btnClose span {
	position: relative;
	display: inline-block;
	width: 36px;
	height: 36px;
	background: #023f73;
	border-radius: 100%;
}
#emr .emrMenu .btnClose span::before, .btnClose span::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 20px;
	background: #fff;
}
#emr .emrMenu .btnClose span::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
#emr .emrMenu .btnClose span::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.emrMenuWrap {
	background: #e9e9e9;
	box-shadow: 6px 6px 10px rgba(0,0,0,0.3);
	min-width: 200px;
	max-height: 385px;
	padding-bottom: 20px;
}
#emr .emrMenuWrap .linkTxt {
	text-align: center;
}
#emr .emrMenuWrap .linkTxt a {
	width: fit-content;
	display: inline-block;
	font-size: 12px;
	color: #023F73;
	text-decoration: underline;
	margin: 0 auto;
	padding: 10px 0px 7px 22px;
}
.emrMenuWrap::-webkit-scrollbar {
	width: 10px;
}
.emrMenuWrap::-webkit-scrollbar-track {
  border-radius: 100Vmax;
	background: #fff;
}
.emrMenuWrap::-webkit-scrollbar-thumb {
  border-radius: 100Vmax;
	background: #BEBEBE;
}

#mainContents .emrMenuWrap {
	background: none;
	box-shadow: none;
}

.emrMenuInner {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20px;
	padding: 40px 20px 15px;
	overflow-y: scroll;
	max-height: 325px;
	scrollbar-gutter: stable both-edges;
	justify-content: flex-start;
	margin-bottom: 20px;
}
#mainContents .emrMenuInner {
	gap:50px 20px;
}

header .link .emrMenuInner a {
	height: auto;
	padding: 0;
}
.emrMenuInner::-webkit-scrollbar {
	width: 7px;
}
.emrMenuInner::-webkit-scrollbar-thumb {
	background-color: #BEBEBE;
}
#emr .emrMenuWrap:after {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	translate: -50% 0;
	z-index: -1;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 28px solid transparent;
	border-left: 28px solid transparent;
	border-bottom: 80px solid #e9e9e9;
	border-top: 0;
	pointer-events: none;
}
.emrMenu dl {
	padding: 60px 15px 10px;
	display: flex;
	justify-content: center;
	width: 230px;
	background: #fff;
	border-radius: 10px;
	position: relative;
}

#mainContents .emrMenu dl {
	padding: 70px 15px 10px;
	justify-content: center;
	width: 300px;
	box-shadow: 5px 5px 15px 0px #1E1E1E1A;
}

.emrMenu dl div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.emrMenu dl div dt {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: -28px;
	left: 0;
	right: 0;
	margin: auto;
}
.emrMenu dl div dt .name {
	color: #000;
	font-size: 14px;
	cursor: auto;
}
.emrMenu dl div dt .imgWrap{
	width: 56px;
	height: 56px;
	border: 3px solid #fff;
	border-radius: 50%;
	cursor: auto;
}
.emrMenu dl div dt .name:hover,
.emrMenu dl div dt .imgWrap:hover {
	opacity: 1;
}
.emrMenu dl div dt .imgWrap img{
	width: 50px;
}
.emrMenu dl div dd {
	width: calc(200px / 3);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.emrMenu dl div dd figcaption {
	font-size: 12px;
	text-align: center;
}
.emrMenu dl div dd figcaption span {
	font-size: 10px;
	line-height: 1;
	display: inline-block;
}
.emrMenu dl div dd.displayNon {
	display: none;
}
.emrMenu dl div dd .waitTime {
	height: auto;
}


/* headerの一覧 */
.hMrDataWrap {
	margin: 0;
	width: 230px;
	display: flex;
	border-radius: 10px;
	padding: 18px 14px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	position: relative;
	box-shadow: 5px 5px 15px #ccc;
}
.hProfileImgWrap {
	margin-right: 14px;
}
.hProfileImg {
	width: 60px;
	height: 60px;
}
.hProfileImg img {
	width: 100%;
	border-radius: 50%;
}
.hMainDataArea {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
	width: 100%;
}
.hMrProfileBox {
	display: flex	;
	border-bottom: 1px solid #000;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
}
.hMainDataArea .moreInfo {
	position: relative;
	font-size: 10px;
	background: #023F73;
	border-radius: 100vmax;
	color: #fff;
	line-height: 1.6;
}
.hMainDataArea .moreInfo:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	background: #ffffff;
  height: calc(tan(60deg) * 10px / 2);
  width: 6px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.hNameText {
	font-size: 22px;
	line-height: 1.2;
	width: fit-content;
	text-align: left;
	word-break: break-all;
}
.hNameText span {
	height: auto!important;
	font-size: 12px;
	display: block;
	padding: 2px;
}
.hPositionText {
	display: inline-block;
	margin-right: 10px;
}
.hMrDataWrap .newMsg {
	position: absolute;
	position: absolute;
	top: -15px;
	left: 20px;
	width: 145px;
	font-weight: normal;
	font-size: 10px;
	background: #f00;
	height: auto;
	padding: 2px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
	color: #fff;
}
.hMrDataWrap .newMsg:after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 30%;
	translate: -50% 0;
	z-index: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 6px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #f00;
	border-top: 0;
	pointer-events: none;
	rotate: 180deg;
}



/* // */


/* aの中のimgにoffが付いたらaタグ無効 */
a:has(img.off)  {
	pointer-events: none;
}
img.off {
	filter:grayscale(100%) opacity(20%);
}
img.off + figcaption {
	color: #cacaca;
}




/*吹き出し
.subMenuBalloonList{
  position: relative;
}
.subMenuBalloonList .subMenuBalloonWrap{
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 20px;
	position: absolute;
	width: 1240px;
	z-index: 5;
	top: 24px;
	border-radius: 5px;
	border: 1px solid #003F73;
	background: #FFF;
	box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.15);

}*/


body.vyxeosInfo #wrapper {
	min-width: unset;
}

/* いったん追加 */

/* .pickup {
	margin-top: 30px;
} */
.pickup .pickupWrap {
	padding-top: 62px;
	border-top: 1px solid #E6E6E6;
	max-width: 1320px;
	margin-bottom: 30px;
}
.contentsTitle {
	display: inline-block;
	text-align:center;
	font-size: 28px;
	line-height: 1.5;
	font-weight: bold;
	margin-bottom: 30px;
	letter-spacing: 0.02em;
}
.contentsTitle + span {
	margin-left: 20px;
}
.pickup-img {
	width: 270px;
	display: flex;
	align-items: center;
	margin-right: 70px;
	position: relative;
}
.pickup-img.lock::before {
	position: absolute;
	top: 0px;
	right: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size: contain;
}
.pickup-text {
	padding: 24px 40px 10px 0;
	color: #464646;
	width: calc(100% - 340px);
}
.pickupListWrap {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	display: flex;
	margin-left: 20px;
}
.pickupListWrap + .pickupListWrap {
	margin-top: 20px;
}
.pickup-text h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 17px;
	line-height: 1;
}
.pickup-text p {
	font-size: 18px;
	line-height: 1.5;
	padding-left: 1em;
}
.productLocalLinkWrap .titleD {
	width: auto;
}

.medicineTypeImg {
	width: auto;
	margin-top: 1px;
}


.titleD {
	margin-bottom: 2px;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
	font-size: 26px;
	padding-left: 18px;
	padding-right: 18px;
    padding-top: 16px;
	font-feature-settings: "palt";
	letter-spacing: 0;
}

.titleD span {
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 1;
}
.titleD::before {
	margin: 0;
	top: 23px;
}
.titleMemoWrap {
	display: flex;
	justify-content: space-between;
	padding-bottom: 44px;
}

.titleWrap {
	display: flex;
}
.titleWrap img {
	width: 360px;
}

.localMenu {
	width: 100%;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	/* margin-bottom: 68px; */
	background: #FFF;
}
.localMenuWrap {
	max-width: 1300px;
	width: 100%;
}
.localMenu .pdLocalLinkWrap{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.localMenu .productLocalLink {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	white-space: nowrap;
	overflow-x: hidden;
	width: calc(100% - 40px);
}
.localMenu .productLocalLink .productLocalLinkList {
	flex-wrap: nowrap;
}
.localMenuArrow {
	width: 20px;
	position: relative;
	cursor: pointer;
	display: none;
}
.localMenuArrow:after {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #003f73;
	border-right: 2px solid #003f73;
}
.localMenuArrow.forward:after {
	transform: rotate(45deg);
	position: absolute;
	top: 9px;
	left: 5px;
}
.localMenuArrow.back:after {
	transform: rotate(-135deg);
	position: absolute;
	top: 9px;
	right: 5px;
}
.productLocalLink .productLocalLinkList li {
	display: flex;
	margin:  0;
	font-size: 14px;
	padding: 0;
	letter-spacing: 0;
	width: auto;
}
.productLocalLinkList li {
	border-right: 1px solid #E5EBF1;
}

.productLocalLinkList li:first-child {
	border-left: 1px solid #E5EBF1;
}
.productLocalLink .productLocalLinkList li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: transparent;
	border-radius: 0%;
	text-align: center;
	font-size: 14px;
	color: #003f73;
	padding: 0;
	font-feature-settings: "palt";
	padding: 0px 10px;
	border: none;
	transition: none;
}
.productLocalLink .productLocalLinkList li a:before {
	content: none;
}

.productLocalLink .productLocalLinkList li a:hover {
	border: none;
	opacity: 0.7;
}

.contentsWrap .contentsTitleWrap .txtL {
	text-align: left!important;
}

.productDetaiTab li.on a {
	background-color: #E5EBF1;
	color: #464646;
	display: block;
	width: 100%;
}

.productDetailArea .infoBtn {
	margin-bottom: -3px;
	margin-left: 16px;
	font-size: 16px;
}

.productInner .contentsLink .topLinkWrap .linkList > li a {
	padding: 10px 0 10px 10px;
	font-size: 18px;
	letter-spacing: 0;
}


/* .productInner .contentsLink {
	width: 100%;
} */
.productDetailArea .infoList.productContent > li {
	padding: 26px 29px 42px 29px;
}

.slick-slide {
	width: 270px;
}
.productDetailArea .productInner .productBlock .productSlider {
	width: 270px;
}

.contentsTitleWrap {
	letter-spacing: 0;
	padding-left: 12px;
}
.contentsTitleWrap a {
	margin-left: 20px;
}
body.product .contentsTitleWrap>a {
	display: block;
}

.contentsTitleWrap a.contentsTitlePdf {
	font-size: 16px;
	padding: 4px 18px;
	margin-left: 0;
	background-color: #E5EBF1;
	border-radius: 15px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.contentsTitleWrap span.contentsTitlePdf {
	font-size: 16px;
	padding: 4px 18px;
	margin-left: 0;
	background-color: #E5EBF1;
	border-radius: 15px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.contentsTitleWrap a span {
	font-size: 16px;
	padding: 2px 22px 4px;
	margin-left: 0;
	background-color: #E5EBF1;
	border-radius: 15px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.productInner .contentsLink .topLinkWrap .linkList > li:nth-child(7),
.productInner .contentsLink .topLinkWrap .linkList > li:nth-child(8) {
	margin-bottom: 0;
}

.productBlock {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.productBasicInformation {
	margin-bottom: 30px;
}
.productBasicInformation .infoList{
	margin-top: -2px;
}

.contentsWrap .productBasicInformationWrap {
	max-width: 1320px;
	padding-top: 68px;
}

.webconference  .contentsTitle {
	line-height: 0;
	margin-bottom: 49px;
	letter-spacing: 0;
}
.webconferenceWrap {
	padding-top: 60px;
	max-width: 1320px;
	border-top: 1px solid #E6E6E6;
	margin-bottom: 35px;
}

.scheduleList {
	margin-left: 17px;
}
.scheduleList > li {
	display: flex;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	position: relative;
}
.scheduleList > li .status-text {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 140px;
	background-color: #E60451;
	text-align: center;
	padding: 3px 0 4px;
	z-index: 10;
}
.scheduleList li .scheduleWrap {
	width: 100%;
	padding: 8px 200px 8px 58px;
}

.scheduleList li .scheduleWrap .contents {
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1.5;
}

/* オンデマンド配信 */
.scheduleList .scheduleWrap .ondemand {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 1;
	color: #fff;
	font-size: 16px;
	width: 120px;
	background-color: #003F73;
	text-align: center;
	padding: 3px 0 5px;
	letter-spacing: 0.01em;
}
.scheduleList li .scheduleWrap .datetime {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	letter-spacing: 0.05em;
}
.scheduleList li .scheduleWrap .reminder .calendar, .scheduleList li .scheduleWrap .reminder .reminderMail {
	margin: 0 11px;
	cursor: pointer;
}


.scheduleList li .scheduleWrap .reminder .calendar img {
	width: 54px;
	border: none;
}
.scheduleList li .scheduleWrap .reminder .reminderMail img {
	width: 54px;
	border: none;

}

.scheduleList li .scheduleWrap .datetime + div > a {
	font-weight: bold;
	font-size: 18px;
}
.scheduleList li + li{
	margin-top: 30px;
}
.scheduleList > li .webconferenceImgWrap {
	min-width: 140px;
	min-height: 180px;
	object-fit: contain;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #F8F8F8;
	/* position: relative; */
	cursor: pointer;
	/* transition: ease 0.3s; */
}
.scheduleList > li .webconferenceImgWrap .tooltip {
	position: absolute;
	top: -150px;
	left: -290px;
	display: flex;
	flex-direction: column;
	z-index: 100;
	visibility: hidden;
	background-color: #fff;
	border: 1px solid #003F73;
	border-radius: 11px;
	padding: 30px 34px;
}
.scheduleList > li .webconferenceImgWrap .tooltip.active {
	/* display: block; */
	visibility: visible;
	/* opacity: 1; */
}
.scheduleList > li .webconferenceImgWrap .tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -40px; /* 半分のサイズに合わせて調整 */
    transform: translateY(-50%);
    border-width: 24px 0 24px 40px; /* 半分のサイズに変更 */
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    z-index: 1;
}

.scheduleList > li .webconferenceImgWrap .tooltip::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -41px; /* 半分のサイズに合わせて調整 */
    transform: translateY(-50%);
    border-width: 25px 0 25px 41px; /* 半分のサイズに変更 */
    border-color: transparent transparent transparent #003F73;
    border-style: solid;
    z-index: 0;
}




.scheduleList > li .webconferenceImgWrap .tooltip img {
	margin: 0 auto 32px;
	width: 240px;
	object-fit: contain;
}
.scheduleList > li .webconferenceImgWrap .tooltip a {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 8px 20px 10px ;
	background-color: #E5EBF1;
	border-radius: 31px;
}

.scheduleList > li .webconferenceImgWrap img {
	width: 84px;
	object-fit: contain;
}


.seminarTtl {
	color: #000;
}
.seminarTxt {
	font-size: 18px;
	font-weight: normal;
	color: #000;
}
.seminarSubTxt {

	color: #000;
}
.incProductWrap {
	max-width: 1320px;
	border-top: 1px solid #E6E6E6;
	padding-top: 56px;
	margin-bottom: 48px;
}
.incProductWrap2 {
	max-width: 1320px;
	border-top: 1px solid #E6E6E6;
	padding-top: 56px;
	margin-bottom: 26px;
}
.incProductWrap2.mds {
	border-top: 1px solid #E6E6E6;
}
.incProductWrap3 {
	max-width: 1320px;
	border-top: 1px solid #E6E6E6;
	padding-top: 56px;
}


.areaDiseaseWrap .contentsTitleWrap {
	margin-top: 0;
}

/* #reminder {
	position: absolute;
	top: 50%;
	right: 43px;
	transform: translateY(-50%);
	} */


.reminder {
	position: absolute;
	top: 50%;
	right: 43px;
	transform: translateY(-50%);
	display: flex;
}

body.product .calendar {
	position: relative;
	background: url('/lib/img/product/icon-calender.png');
	width: 54px;
	height: 54px;
	background-repeat: no-repeat;
}

body.product .calendar:hover {
	background: url('/lib/img/product/icon-calender-active.png');
	background-size: contain;
	width: 54px;
	height: 54px;
	background-repeat: no-repeat;
}
body.product .calendar:hover:before {
	display: inline-block;
	content: "カレンダーに追加";
	white-space: nowrap;
	position: absolute;
	top: -38px;
	right: -30px;
	font-size: 12px;
	padding: 6px;
	background-color: #003F73;
	color: #fff;
	z-index: 1;
	text-align: center;
	line-height: 1;
}
body.product .calendar:hover:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 5px 0 5px;
	border-color: #003F73 transparent transparent transparent;
}


body.product .reminderMail {
	position: relative;
	background: url('/lib/img/product/icon-mail.png');
	background-repeat: no-repeat;
	width: 54px;
	height: 54px;
}

body.product .reminderMail:hover {
	background: url('/lib/img/product/icon-mail-active.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 54px;
	height: 54px;
}
body.product .reminderMail:hover:before {
	display: inline-block;
	content: "リマインドメール";
	white-space: nowrap;
	position: absolute;
	top: -38px;
	right: -30px;
	font-size: 12px;
	padding: 6px;
	background-color: #003F73;
	color: #fff;
	z-index: 1;
	text-align: center;
	line-height: 1;
}
body.product .reminderMail:hover:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -16px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 5px 0 5px;
	border-color: #003F73 transparent transparent transparent;
}

.contentsTitleImg {
	width: 138px;
	margin-bottom: 20px;

}
.contentsTitleImg img {
	width: 138px;
	margin-bottom: 20px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.rmpText {
	padding-left: 22px;
	margin-bottom: 5px;
}

#incProduct .localNaviB dl .btnFlow_3 .btnFlowWrap {
	width: 100%;
    z-index: 1;
    display: flex;
	gap: 180px;
    justify-content: center;
}


.guideBtnWrap {
	display: flex;
	justify-content: center;
	gap: 20px;
}


#incProduct .text-center {
	font-size: 16px;
}

.productTitleWrap {
	max-width: 1320px;
}

.fabMemoBtnWrap{
	padding-right: 0;

}
.download:after {
    margin-left: 19px;
}

.incProduct .contentsTitle {
	line-height: 1;
}

.properUseText {
	margin-bottom: 16px;
}

.patientWebsiteWrap {
	max-width: 1320px;
	border-top: 1px solid #E6E6E6;
	padding-top: 50px;
}

.patientWebsiteListWrap {
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin-left: 20px;
	margin-bottom: 20px;
}
.patientWebsiteList {
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.patientWebsiteList a {
	display: flex;
}

.patientWebsite-img {
	min-width: 305px;
	min-height: 110px;
	background-color: #F8F8F8;
	padding: 12px 20px;
	align-content: center;
}
.patientWebsite-img img {
	width: 265px;
}

.patientWebsiteText {
	color: #464646;
	line-height: 1.5;
	padding: 26px 35px 26px 50px;
}

.localMenu.fixed {
	position: fixed;
	top: 58px;
	width: 100%; /* 必要に応じて調整 */
	z-index: 1000; /* 必要に応じて調整 */
}
.localMenu.fixed2 {
	position: fixed;
	top: 97px;
	width: 100%; /* 必要に応じて調整 */
	z-index: 1000; /* 必要に応じて調整 */
}

.webconferenceIcon {
	display: none;
}

.iconCrossmark {
	display: none;
}

.contentElementWrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	text-align: center;
	margin-left: 20px;
	gap: 40px 10px;
}

.contentElement {
	width: 310px;
	/* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); */
}


.areaDiseaseWrap {
	max-width: 1320px;
	border-top: 1px solid #E6E6E6;
	padding-top: 50px;
	margin-bottom: 48px;
}



.contentElementText {
	padding: 18px 16px 24px;
	font-size: 16px;
	color: #333333;
	text-align: left;
}


.load-more {
	cursor: pointer;
	text-align: center;
	margin-top: 10px;
	padding: 4px 0 5px;
	border-radius: 15px;
	width: 140px;
	font-size: 16px;
	border: none;
	margin: 0 auto;
	margin-bottom: 0;
	font-weight: normal;
	background-color: #E5EBF1;
	color: #003F73;
}

@media screen and (min-width: 970px) and (max-width: 1300px) {
	.productInner .contentsLink .topLinkWrap .linkList > li:nth-child(7) {
		margin-bottom: 0;
	}
	.slick-initialized .slick-slide {
		justify-content: center;
	}
}

.brochure .boxWrap dl dt.classificationImg {
	text-align: center;
	border: 1px solid #E6E6E6;
	width: 100%;
}
/* .brochure .boxWrap dl dt img {
	height: 156px;
	width: auto;
} */

.brochureWrap {
	max-width: 1320px;
	border-top: 1px solid #E6E6E6;
	padding-top: 50px;
}


.brochureWrap .materialListWrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	text-align: center;
	margin-left: 20px;
	gap: 40px 10px;
}
.brochureWrap .materialList {
	width: 310px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.brochureWrap .imgBox {
	max-height: 312px;
	text-align: center;
	border: 1px solid #E6E6E6 ;
}

.brochureWrap .textSpace {
	font-size: 16px;
	color: #333333;
	padding: 18px 16px 24px;
	text-align: left;
}


.moreContentWrap {
	text-align: center;
	position: relative;
	margin-bottom: 20px;
}

.moreCount {
	position: absolute;
	top: 0;
	right:210px;
	font-size: 20px;
}

.moreBtn {
	cursor: pointer;
	text-align: center;
	margin-top: 10px;
	padding: 4px 0 5px;
	border-radius: 15px;
	width: 140px;
	font-size: 16px;
	border: none;
	margin: 0 auto;
	margin-bottom: 0;
	font-weight: normal;
	background-color: #E5EBF1;
	color: #003F73;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}




/*  */

.materialsWrap {
	max-width: 1320px;
	border-top: 1px solid #E6E6E6;
	padding-top: 50px;
}


.materialsWrap .materialListWrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
	text-align: center;
	margin-left: 20px;
	gap: 40px 10px;
}
.materialsWrap .materialList {
	width: 310px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.materialsWrap .imgBox {
	max-height: 312px;
	text-align: center;
	border: 1px solid #E6E6E6 ;
}

.materialsWrap .textSpace {
	font-size: 16px;
	color: #333333;
	padding: 18px 16px 24px;
	text-align: left;
}


.moreContentWrap {
	text-align: center;
	position: relative;
}

.moreCount {
	position: absolute;
	top: -2px;
	right:210px;
	font-size: 20px;
}

#pamphMore {
	cursor: pointer;
	text-align: center;
	margin-top: 10px;
	padding: 4px 0 5px;
	border-radius: 15px;
	width: 140px;
	font-size: 16px;
	border: none;
	margin: 0 auto;
	margin-bottom: 0;
	font-weight: normal;
	background-color: #E5EBF1;
	color: #003F73;
}

.noticeWrap {
	max-width: 1320px;
	border-top: 1px solid #E6E6E6;
	padding-top: 50px;
}
body.product .notice .infoBtn li {
	padding: 10px;
}

.notice .infoWrap {
	margin-left: 20px;
}

.notice .infoList li .date {
	font-size: 18px;
	margin-right: 10px;
}

.notice li .icoA {
	background-color: #809fb9;
	font-size: 14px;
	padding: 3px 0px 4px;
	white-space: nowrap;
	min-width: 160px;
}
.notice li .icoB {
	background-color: #f36152;
	font-size: 14px;
	padding: 3px 0px 4px;
	white-space: nowrap;
	min-width: 160px;
}
.notice li .icoC {
	background-color: #8ebb62;
	font-size: 14px;
	padding: 3px 0px 4px;
	white-space: nowrap;
	min-width: 160px;
}

.notice .infoList .text {
	font-size: 18px;
}
.notice .infoList li .infoText {
	border-bottom: none;
}
.notice .infoList li .infoText .dateIcoText {
	width: 360px;
}
.notice .infoList li .infoText .text {
	width: calc(100% - 360px);
}

.otherNewsWrap {
	max-width: 1320px;
	margin: 0 auto;
}

.otherNews .text {
	margin-left: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.reminderMordal .modalClose {
	cursor: pointer;
}


/* ウプトラビ */
#incProduct .overviewWrap.upColor .menuA li {
	border-top: 1px solid #fbe357;
	border-bottom: 1px solid #fbe357;
	border-right: 1px solid #fbe357;
	border-left: 3px solid #fbe357;
}

#incProduct .overviewWrap.upColor .menuA li dl dt {
	border-right: 1px solid #fbe357;
	background: #fdfae8;
	color: #333333;
}

#incProduct .overviewWrap.upColor .menuA li dl dd.iconPor::before {
	background-color: #FBE357;
	color: #333333;
}

#incProduct .overviewWrap.upColor .menuA .btnFlexibleA,
#incProduct .overviewWrap.upColor .menuA .btnFixedA {
	background-color: #fbe357;
	color: #333!important;
}

#incProduct .usageGuideWrap.upColor .btnDetail a {
	color: #333;
	background: #fce257;
}

#incProduct .usageGuideWrap.upColor .localNaviB dl {
	border: 1px solid #fce257;
}

#incProduct .usageGuideWrap.upColor .localNaviB dl .btnFlow_1 a {
	background: #056442;
}
#incProduct .usageGuideWrap.upColor .localNaviB dl .btnFlow_2 a {
	background: #3100fc;
}

#incProduct .usageGuideWrap.upColor .localNaviB dl .btnFlow_3 a {
	background: #056442;
	width: 440px;
}

#incProduct .usageGuideWrap.upColor .localNaviB dl .btnFlow_3 a:before {
	background: #3100fc;
}

#incProduct .usageGuideWrap.upColor .localNaviB li:after {
	border-top: 20px solid #FBE357;
}
#incProduct .overviewWrap.upColor .menuA li dl dd.iconPor::before {
	color: #000;
}

/* ウプトラビ追加12/16 */
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree a {
	display: flex;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 11px;
	height: 60px;
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree a:hover {
	opacity: 0.7;
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree a .btnFlow_1,
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree a .btnFlow_2,
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree a .btnFlow_3 {
	display: flex;
	justify-content: center;
	box-shadow: none;
	border-radius: 0;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	width: 145px;
	min-width: auto;
	font-size: 18px;
	line-height: 1.2;
	align-items: center;
	letter-spacing: 0;
}

#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree a .btnFlow_1 {
	background: #056442;
	border-radius: 11px 0  0 11px ;
}

#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree a .btnFlow_2 {
	background: #3100fc;
}

#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree a .btnFlow_3 {
	background-color:#70BF44;
	border-radius:0 11px 11px 0;
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree a .btnFlow_1 p span, #incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree a .btnFlow_2 p span, #incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree a .btnFlow_3 p span {
	font-weight: normal;
	font-size: 16px;
}





/* デファイテリオ */

#incProduct .overviewWrap.dfColor .btnDetail a {
	color: #FFF;
	background: #164676;
}
#incProduct .overviewWrap.dfColor .btnDetail a span:after {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}

#incProduct .overviewWrap.dfColor .menuA {
	margin-bottom: 20px;
}

#incProduct .overviewWrap.dfColor .menuA li {
	border-top: 1px solid #164676;
	border-bottom: 1px solid #164676;
	border-right: 1px solid #164676;
	border-left: 3px solid #164676;
}

#incProduct .overviewWrap.dfColor .menuA li dl dt {
	border-right: 1px solid #164676;
	background: #4A89C8;
	color: #FFFFFF;
}

#incProduct .overviewWrap.dfColor .menuA li dl dd.iconPor::before {
	background-color: #164676;
	color: #FFFFFF;
}

#incProduct .overviewWrap.dfColor .menuA .btnFlexibleA,
#incProduct .overviewWrap.dfColor .menuA .btnFixedA {
	background-color: #164676;
	color: #333!important;
}

#incProduct .usageGuideWrap.dfColor .btnDetail a {
	color: #333;
	background: #164676;
}

#incProduct .usageGuideWrap.dfColor .localNaviB dl {
	border: 1px solid #164676;
}

#incProduct .usageGuideWrap.dfColor .localNaviB dl .btnFlow_1 a {
	background: #164676;
}
#incProduct .usageGuideWrap.dfColor .localNaviB dl .btnFlow_2 a {
	background: #3100fc;
}

#incProduct .usageGuideWrap.dfColor .localNaviB dl .btnFlow_3 a {
	background: #164676;
	width: 440px;
}

#incProduct .usageGuideWrap.dfColor .localNaviB dl .btnFlow_3 a:before {
	background: #3100fc;
}

#incProduct .usageGuideWrap.dfColor .localNaviB li:after {
	border-top: 20px solid #164676;
}
#incProduct .overviewWrap.dfColor .menuA li dl dd.iconPor::before {
  color: #FFFFFF;
}

#incProduct .usageGuideWrap.dfColor .localNaviB dl .btnFlow_1 {
	min-width: 300px;
}


/* フィンテプラ */

#incProduct .overviewWrap.fnColor .btnFlexibleA {
	width: 100%;
}

#incProduct .overviewWrap.viColor .menuA li.twoBtn .productBtnWrap a.btnFlexibleA span {
	color: #FFFFFF;
}
#incProduct .overviewWrap.fnColor .menuA .btnFlexibleA.lxg {
	background-color: #0099A6;

}

#incProduct .overviewWrap.fnColor .menuA li.twoBtn dl dd.iconPor::before {
	content: none;
}
#incProduct .overviewWrap .menuA li.twoBtn:hover {
	opacity: 1;
}

#incProduct .overviewWrap.fnColor .menuA li.twoBtn .btnArea a span {
	white-space: nowrap;
	color: #FFFFFF;
}
#incProduct .overviewWrap.fnColor .menuA li.twoBtn dl dd .btnArea {
	margin-top: 0;
	display: flex;
	flex-direction: column;
	min-width: 240px;
	gap: 5px;
	margin-right: -35px;
	margin-left: 20px;
}
#incProduct .overviewWrap.fnColor .menuA li.twoBtn dl dd .btnArea a {
	margin: 0;
}

#incProduct .overviewWrap.fnColor .menuA .btnArea a:nth-of-type(2) {
	margin-top: 0;
}

#incProduct .overviewWrap.fnColor .menuA li {
	border-top: 1px solid #682B8D;
	border-bottom: 1px solid #682B8D;
	border-right: 1px solid #682B8D;
	border-left: 3px solid #682B8D;
}

#incProduct .overviewWrap.fnColor .menuA li dl dt {
	border-right: 1px solid #682B8D;
	background: #8E60AA;
	color: #FFFFFF;
}

#incProduct .overviewWrap.fnColor .menuA li dl dd.iconPor::before {
	background-color: #682B8D;
	color: #FFFFFF;
}

#incProduct .overviewWrap.fnColor .menuA .btnFlexibleA,
#incProduct .overviewWrap.fnColor .menuA .btnFixedA {
	background-color: #682B8D;
	color: #333!important;
}

#incProduct .usageGuideWrap.fnColor .btnDetail a {
	color: #FFFFFF;
	background: #682B8D;
}

#incProduct .usageGuideWrap.fnColor .localNaviB dl {
	border: 1px solid #682B8D;
}

#incProduct .usageGuideWrap.fnColor .localNaviB dl .btnFlow_1 span, #incProduct .usageGuideWrap.fnColor .localNaviB dl .btnFlow_2 span, #incProduct .usageGuideWrap.fnColor .localNaviB dl .btnFlow_3 span {
	font-size: 16px;
	letter-spacing: 0.01em;
}
#incProduct .usageGuideWrap.fnColor .localNaviB dl .btnFlow_3 {

}


#incProduct .usageGuideWrap.fnColor .localNaviB dl .btnFlow_1 a {
	background: #682B8D;
}
#incProduct .usageGuideWrap.fnColor .localNaviB dl .btnFlow_2 a {
	background: #0099A6;
}

#incProduct .usageGuideWrap.fnColor .localNaviB dl .btnFlow_3 a {
	background: #682B8D;
	width: 440px;
}
#incProduct .usageGuideWrap.fnColor .localNaviB dl .btnFlow_3 .btnFlowWrap {
	gap: 80px;
	padding-left: 30px;
}
#incProduct .usageGuideWrap.fnColor .localNaviB dl .btnFlow_3 a:before {
	background: #0099A6;
}
#incProduct .usageGuideWrap.fnColor .localNaviB dl .btnFlow_3 a span:after {
	right: 15px;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

#incProduct .usageGuideWrap.fnColor .localNaviB li:after {
	border-top: 20px solid #682B8D;
}
#incProduct .overviewWrap.fnColor .menuA li dl dd.iconPor::before {
  color: #FFFFFF;
}

#incProduct .usageGuideWrap.fnColor .btnDetail a span:after {
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

/* ガザイバ */

#incProduct .overviewWrap.gaColor .menuA li {
	border-top: 1px solid #435664;
	border-bottom: 1px solid #435664;
	border-right: 1px solid #435664;
	border-left: 3px solid #435664;
}

#incProduct .overviewWrap.gaColor .menuA li dl dt {
	border-right: 1px solid #435664;
	background: #A40023;
	color: #FFFFFF;
	width: 221px;
	padding: 0;
}

#incProduct .overviewWrap.gaColor .menuA li dl dd.iconPor::before {
	background-color: #A40023;
	color: #FFFFFF;
}

#incProduct .overviewWrap.gaColor .menuA .btnFlexibleA,
#incProduct .overviewWrap.gaColor .menuA .btnFixedA {
	background-color: #A40023;
	color: #333!important;
}

/* ジャイパーカ */
#incProduct .usageGuideWrap.jyColor .localNaviB ul	{
	margin-bottom: 0;
}
#incProduct .usageGuideWrap.jyColor .localNaviB ul + p {
	margin-bottom: 30px;
	margin-left: 20px;
}
#incProduct .usageGuideWrap.jyColor .localNaviB ul + p > a	{
	color: #000;
}

#incProduct .overviewWrap.jyColor .menuA li {
	border-top: 1px solid #B6E200;
	border-bottom: 1px solid #B6E200;
	border-right: 1px solid #B6E200;
	border-left: 3px solid #EE006D;
}

#incProduct .overviewWrap.jyColor .menuA li dl dt {
	border-right: 1px solid #B6E200;
	background: #B6E200;
	color: #373e4f ;
}

#incProduct .overviewWrap.jyColor .menuA li dl dd.iconPor::before {
	background-color: #B6E200;
	color: #FFFFFF;
}

#incProduct .overviewWrap.jyColor .menuA .btnFlexibleA,
#incProduct .overviewWrap.jyColor .menuA .btnFixedA {
	background-color: #B6E200;
	color: #333!important;
}

#incProduct .usageGuideWrap.jyColor .btnDetail a {
	color: #FFFFFF;
	background: #EE006D;
}

#incProduct .usageGuideWrap.jyColor .localNaviB dl {
	border: 1px solid #B6E200;
}

#incProduct .usageGuideWrap.jyColor .localNaviB dl .btnFlow_1 a {
	background: #B6E200;
}
#incProduct .usageGuideWrap.jyColor .localNaviB dl .btnFlow_2 a {
	background: #3100fc;
}

#incProduct .usageGuideWrap.jyColor .localNaviB dl .btnFlow_3 a {
	background: #B6E2004D;
	color: #333;
	width: 300px;
}

#incProduct .usageGuideWrap.jyColor .localNaviB dl .btnFlow_3 a:before {
	content: none;
}
#incProduct .localNaviB dl .btnFlow_3 a span:after {
	border-top: 2px solid #333;
	border-right: 2px solid #333;
}

#incProduct .usageGuideWrap.jyColor .usageGuideWrap.jyColor .localNaviB li:after {
	border-top: 20px solid #EE006D;
}
#incProduct .overviewWrap.jyColor .menuA li dl dd.iconPor::before {
  color: #FFFFFF;
}

#incProduct .usageGuideWrap.jyColor .btnDetail a span:after {
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}


/* ジャイパーカ */

#incProduct .overviewWrap.mvColor .menuA li {
	border-top: 1px solid #B7E0F6;
	border-bottom: 1px solid #B7E0F6;
	border-right: 1px solid #B7E0F6;
	border-left: 3px solid #B7E0F6;
}

#incProduct .overviewWrap.mvColor .menuA li dl dt {
	border-right: 1px solid #B7E0F6;
	background: #EFF8FD;
	color: #333;
}

#incProduct .overviewWrap.mvColor .menuA li dl dd.iconPor::before {
	background-color: #023F73;
	color: #FFFFFF;
}

#incProduct .overviewWrap.mvColor .menuA .btnFlexibleA,
#incProduct .overviewWrap.mvColor .menuA .btnFixedA {
	background-color: #B7E0F6;
	color: #333!important;
}

/* レグテクト */

#incProduct .relatedInformationWrap.rgColor .menuA li {
	border-top: 1px solid #EE4E50;
	border-bottom: 1px solid #EE4E50;
	border-right: 1px solid #EE4E50;
	border-left: 3px solid #EE4E50;
}

#incProduct .relatedInformationWrap.rgColor .menuA li dl dt {
	border-right: 1px solid #EE4E50;
	background: #EEEEEE;
	color: #333;
	min-width: 260px;
}

#incProduct .relatedInformationWrap.rgColor .menuA li dl dd.iconPor::before {
	background-color: #EE4E50;
	color: #FFFFFF;
}

#incProduct .relatedInformationWrap.rgColor .menuA .btnFlexibleA,
#incProduct .relatedInformationWrap.rgColor .menuA .btnFixedA {
	background-color: #EE4E50;
	color: #333!important;
}

/* ビダーザ */


#incProduct .overviewWrap.viColor .menuA li {
	border-top: 1px solid #C60053;
	border-bottom: 1px solid #C60053;
	border-right: 1px solid #C60053;
	border-left: 3px solid #C60053;
}

#incProduct .overviewWrap.viColor .btnFlexibleA, #incProduct .overviewWrap.viColor .btnFlexibleA_1 {
	width: 100%;
}

#incProduct .overviewWrap.viColor .menuA li.twoBtn .productBtnWrap {
	display: flex;
	flex-direction: column;
	min-width: 210px;
	gap: 5px;
	margin-right: -35px;
}

#incProduct .overviewWrap.viColor .menuA li.twoBtn .productBtnWrap a.btnFlexibleA span {
	color: #FFFFFF;
}
#incProduct .overviewWrap.viColor .menuA li.twoBtn .productBtnWrap a span {
	white-space: nowrap;
}

#incProduct .overviewWrap.viColor .menuA li.twoBtn dl dd.iconPor::before {
	content: none;
}



#incProduct .overviewWrap.viColor .menuA li dl dt {
	border-right: 1px solid #C60053;
	background: #FFECF3;
	color: #333333;
	min-width: 220px;
}

#incProduct .overviewWrap.viColor .menuA li dl dd.iconPor::before {
	background-color: #C60053;
	color: #333333;
}

#incProduct .overviewWrap.viColor .menuA .btnFlexibleA,
#incProduct .overviewWrap.viColor .menuA .btnFixedA {
	background-color: #C60053;
	color: #333!important;
}

#incProduct .overviewWrap.viColor .menuA li dl dd.iconPor::before {
	color: #FFFFFF;
  }

/*  */
#incProduct .usageGuideWrap.viColor .mds .titleA:after {
	margin-bottom: 0;
}


#incProduct .usageGuideWrap.viColor .mds .btnDetail a {
	color: #FFFFFF;
	background: #C60053;
}
#incProduct .usageGuideWrap.viColor .btnDetail a span:after {
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

#incProduct .usageGuideWrap.viColor .mds .localNaviB dl {
	border: 1px solid #C60053;
}

#incProduct .usageGuideWrap.viColor .mds .localNaviB dl .btnFlow_1 a {
	background: #C60053;
}
#incProduct .usageGuideWrap.viColor .mds .localNaviB dl .btnFlow_2 a {
	background: #3100fc;
}

#incProduct .usageGuideWrap.viColor .mds .localNaviB dl .btnFlow_3 a {
	background: #056442;
	width: 440px;
}

#incProduct .usageGuideWrap.viColor .mds .localNaviB dl .btnFlow_3 a:before {
	background: #3100fc;
}

#incProduct .usageGuideWrap.viColor .mds .localNaviB li:after {
	border-top: 20px solid #C60053;
}


.usageGuideWrap.viColor .mds .localNaviB dl {
	border: 1px solid #023F73;
}

#incProduct .usageGuideWrap.viColor .localNaviB dl .btnFlow_1 {
	min-width: 300px;
}

#incProduct .usageGuideWrap.viColor .localNaviB ul {
	margin-bottom: 0;
}
#incProduct .usageGuideWrap.viColor .localNaviB ul + p {
	margin-bottom: 30px;
	margin-left: 20px;
}
#incProduct .usageGuideWrap.viColor .localNaviB ul + p > a {
	color: #000;
}

/*  */

#incProduct .usageGuideWrap.viColor .aml .btnDetail a {
	color: #FFFFFF;
	background: #023F73;
}
#incProduct .usageGuideWrap.viColor .btnDetail a span:after {
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

#incProduct .usageGuideWrap.viColor .aml .localNaviB dl {
	border: 1px solid #023F73;
}

#incProduct .usageGuideWrap.viColor .aml .localNaviB dl .btnFlow_1 a {
	background: #023F73;
}

#incProduct .usageGuideWrap.viColor .aml .localNaviB li:after {
	border-top: 20px solid #023F73;
}


.usageGuideWrap.viColor .aml .localNaviB dl {
	border: 1px solid #023F73;
}


/* ビルテプソ */
#incProduct .usageGuideWrap.vlColor .localNaviB dl .btnFlow_1 {
	min-width: 300px;
}
#incProduct .usageGuideWrap.vlColor .btnDetail a span:after {
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}

#incProduct .overviewWrap.vlColor .menuA li {
	border-top: 1px solid #EE5D2A;
	border-bottom: 1px solid #EE5D2A;
	border-right: 1px solid #EE5D2A;
	border-left: 3px solid #EE5D2A;
}

#incProduct .overviewWrap.vlColor .menuA li dl dt {
	border-right: 1px solid #EE5D2A;
	background: #FCF6EC;
	color: #333333;
}

#incProduct .overviewWrap.vlColor .menuA li dl dd.iconPor::before {
	background-color: #EE5D2A;
	color: #FFFFFF;
}

#incProduct .overviewWrap.vlColor .menuA .btnFlexibleA,
#incProduct .overviewWrap.vlColor .menuA .btnFixedA {
	background-color: #EE5D2A;
	color: #333!important;
}

#incProduct .usageGuideWrap.vlColor .btnDetail a {
	color: #FFFFFF;
	background: #EE5D2A;
}

#incProduct .usageGuideWrap.vlColor .localNaviB dl {
	border: 1px solid #EE5D2A;
}

#incProduct .usageGuideWrap.vlColor .localNaviB dl .btnFlow_1 a {
	background: #EE5D2A;
}

#incProduct .usageGuideWrap.vlColor .localNaviB li:after {
	border-top: 20px solid #EE5D2A;
}
/* ビキセオス */

#incProduct .usageGuideWrap.vxColor .localNaviB dl .btnFlow_1 {
	min-width: 300px;
}

#incProduct .overviewWrap.vxColor .menuA li {
	border-top: 1px solid #A87AB9;
	border-bottom: 1px solid #A87AB9;
	border-right: 1px solid #A87AB9;
	border-left: 3px solid #00BFD6;
}

#incProduct .overviewWrap.vxColor .menuA li dl dt {
	border-right: 1px solid #A87AB9;
	background: #72267A;
	color: #FFFFFF;
}

#incProduct .overviewWrap.vxColor .menuA li dl dd.iconPor::before {
	background-color: #A87AB9;
	color: #FFFFFF;
}

#incProduct .overviewWrap.vxColor .menuA .btnFlexibleA,
#incProduct .overviewWrap.vxColor .menuA .btnFixedA {
	background-color: #A87AB9;
	color: #333!important;
}
#incProduct .usageGuideWrap.vxColor .btnDetail a span:after {
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}
#incProduct .usageGuideWrap.vxColor .btnDetail a {
	color: #FFFFFF;
	background: #A87AB9;
}

#incProduct .usageGuideWrap.vxColor .localNaviB dl {
	border: 1px solid #A87AB9;
}

#incProduct .usageGuideWrap.vxColor .localNaviB dl .btnFlow_1 a {
	background: #DFCDE0;
	color: #000;
}

#incProduct .usageGuideWrap.vxColor .localNaviB dl .btnFlow_1 a span:after {
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}
#incProduct .usageGuideWrap.vxColor .localNaviB li:after {
	border-top: 20px solid #A87AB9;
}

.overviewWrap.mvColor .contentsTitleImg {
	position: relative;
}
.overviewWrap.mvColor .contentsTitleImg.lock::before {
	position: absolute;
	bottom: 0px;
	left: 6px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size: contain;
}

#incProduct .overviewWrap.mvColor .menuA li dl dt.lock::before {
	position: absolute;
	top: -4px;
	left: -8px;
	display: inline-block;
	content: "";
	background: url(/lib/img/common/ico_lock.png) left center no-repeat;
	width: 30px;
	height: 30px;
	background-size: contain;
}

/* ジャイパーカパーツ内スタイル */
#contents07.anchorPointB {
	pointer-events: none;
}
#contents07.anchorPointB a {
	pointer-events: auto;
}
.jaypircaGuideLink {
	margin: 0 32px;
}
.jaypircaRelatedInfor ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.jaypircaRelatedInfor ul li {
	width: calc(94% / 4);
}
a img:hover {
	opacity: 1;
}
.productSlider {
  opacity: 0;
  transition: opacity .2s linear;
}
.productSlider.slick-initialized{
  opacity: 1;
}

/* 会員限定機能のご案内 */

body.registration {
	font-family: 'Noto Sans JP', "SF Pro JP", "SF Pro Text", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Meiryo UI", "Yu Gothic UI", "ＭＳ Ｐゴシック", "Segoe UI", SegoeUI, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

body.registration #wrapper {
	min-width: auto;
}
body.registration #register {
	margin-top: -58px;
	padding-top: 58px;
}

.titleJ {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 23px;
}
.titleSubText {
	font-size: 18px;
	line-height: 1.8;
}
.guide h2 {
	text-align: center;
	font-size: 24px;
	padding: 5px 5px 3px;
	line-height: 1.5;
	font-weight: 700;
	color: #FFFFFF;
	background-color: #0A6BBA;
	border-radius: 20px ;
	margin-bottom: 50px;
}

.guide .titleSubText {
	max-width: 988px;
	margin: 0 auto 45px;
}
.guide picture {
	display: block;
	text-align: center;
	margin-bottom: 35px;
}
.guide picture img {
	width: 100%;
	max-width: 1098px;
}

.limitedFeature h1 {
	max-width: 987px;
	margin: 0 auto 70px;
}
.limitedFeature h1 img {
	width: 100%;
}

.columnWrap {
	width: 100%;
	display: flex;
    flex-wrap: wrap;
	gap: 60px 28px;
	margin-bottom: 57px;
}
.columnWrap li {
	flex: 0 0 calc((100% - 28px * 2) / 3);
}
.columnWrap li:hover {
	opacity: 0.7;
}

.columnWrap li h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 18px;
	color: #1E1E1E;
}
.titleIcon {
	display: flex;
	justify-content: center;
	align-items: center;
}

.titleIcon img {
	width: 29px;
	height: 28px;
	margin-bottom: 18px;
	margin-right: 10px;
}
.titleIcon h2 span {
	font-size: 18px;
}

.columnWrap li:nth-child(4) .titleIcon img {
    width: 28px;
    height: 18px;
 }

.columnWrap li:nth-child(5) .titleIcon img {
    width: 31px;
    height: 30px;
}

.columnWrap .titleIcon h2 {
	line-height: 1;
}

.columnWrap li p {
	font-size: 18px;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
	color: #1E1E1E;
}
.columnWrap li figure {
	/* position: relative; */
}
.columnWrap li .imgWrap {
	position: relative;
}
.columnWrap li figure img {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 10px;
}
.columnWrap li figure .Listbtn {
	width: 210px;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	line-height: 1.6;
	padding: 10px 10px 8px;
	border-radius: 30px;
	background-color: #FFFFFF;
	color: #0A6BBA;
	border: 1px solid #0A6BBA;
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
}
.columnWrap li figure figcaption {
	line-height: 1.4;
	text-align: left;
	margin-top: 0;
	color: #1E1E1E;
	display: flex;
	justify-content: center;
	align-items: center;
}
.columnWrap li figure figcaption img {
	width: 29px;
	height: 28px;
	margin-bottom: 0;
	border-radius: 0;
}
.columnWrap li figure figcaption span{
	font-size: 14px;
	line-height: 1.7;
}

.btnPageLink {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	width: 360px;
	position: relative;
	text-align: center;
	background-color: #FFFFFF;
	color: #1E1E1E;
	border-radius: 30px;
	cursor: pointer;
	border: 1px solid #1E1E1E;
	margin: 0 auto;
	margin-bottom: 100px;
}
.btnPageLink a {
	color: #1E1E1E;
	display: block;
	padding: 10px 15px;
}
.btnPageLink:hover {
	opacity: 0.7;
}
.btnPageLink::before {
	position: absolute;
	content: '▼';
	top: 50%;
	left: 23px;
	transform: translateY(-50%);
	pointer-events: none;
}
.btnPageLink::after {
	position: absolute;
	content: '▼';
	top: 50%;
	right: 23px;
	transform: translateY(-50%);
	pointer-events: none;
}

.titleK {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.6;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	white-space: nowrap;
	margin-bottom: 67px;
}
.titleK::before,
.titleK::after {
	content: '';
	width: 465px;
	height: 1px;
	background-color: #1E1E1E;
}

.titleK::before {
	margin-right: 24px;
  }
.titleK::after {
	margin-left: 24px;
}
.otherFeature {
}

.columnWrapB {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	column-gap: 28px;
	margin-bottom: 120px;
}

.columnWrapB li {
	flex: 0 0 calc((100% - 28px * 2) / 3);
	text-align: center;
}
.columnWrapB li h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 30px;
}
.columnWrapB li figure img {
	margin-bottom: 20px;
}
.columnWrapB li figure figcaption {
	margin-bottom: 20px;
	line-height: 1.8;
	font-size: 16px;
}
.columnWrapB li .btnD {
	border-radius: 30px;
	border: 1px solid #0A6BBA;
	width: 280px;
	margin: 0 auto;
}
.columnWrapB li .btnD:hover {
	background-color: #0A6BBA;
}
.columnWrapB li .btnD:hover a {
	color: #FFFFFF;
}

.columnWrapB li .btnD a {
	color: #0A6BBA;
	padding: 8px;
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}

.registerWrap {
	margin-bottom: 50px;
}
.register .titleSubText {
	max-width: 1010px;
	margin: 0 auto 39px;
	padding-left: 5px;
	padding-right: 5px;
}
.register .bgColor {
    background-color: #E6EBF1;
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
	padding-top: 45px;
	padding-bottom: 54px;
}
.btnWrapA {
	display: flex;
	gap: 60px;
	max-width: 1020px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}
.register .registerBtnWrap .subTitle {
	font-size: 16px;
	text-align: center;
	font-weight: 700;
	margin-bottom: 30px;
}
.btnWrapA li {
	width: 480px;
	text-align: center;

}
.btnE {
	background-color: #fff;
	border-radius: 30px;
	border: 1px solid #32B372;
	margin-bottom: 14px;
}
.btnE:hover {
	background-color: #32B372;
}
.btnE a {
	color: #32B372;
	padding: 16px;
	display: block;
	font-weight: 700;
	font-size: 18px;
}
.btnE a:hover {
	color: #fff;
}
.btnF {
	background-color: #fff;
	border: 1px solid #9977D6;
	border-radius: 30px;
	margin-bottom: 14px;
}
.btnF:hover {
	background-color: #9977D6;
}
.btnF a {
	color: #9977D6;
	padding: 16px;
	display: block;
	font-weight: 700;
	font-size: 18px;
}
.btnF a:hover {
	color: #fff;
}
.btnWrapA li p {
	text-align: center;
	font-size: 14px;
	line-height: 1.7;
}

body.product .spColumnRowReverse .titleDWrap span.titleNote {
	font-size: 14px;
	display: inline-block;
	margin: 0 20px 0 20px;
	line-height: 1.4;
}




/* 横移動ボタン */

.pageNavibtnWrap {
	display: flex;
	flex-wrap: wrap;
	gap: 17px;
}
.pageNavibtnWrap.mgT {
	margin-top: 30px;
}
.pageNavibtnWrap .naviBtn {
	border-radius:  50px;
	background-color: #FFFFFF;
	position: relative;
	width: 382px;
	display: flex;
	align-items: center;
	height: 60px;
	cursor: pointer;
}
.pageNavibtnWrap .naviBtn .aWrap {
	width: 100%;
	height: 100%;
}
.pageNavibtnWrap .naviBtn a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius:  50px;
	line-height: 1.5;
	font-size: 13px;
	font-weight: 600;
	padding-right: 40px;
	padding-left: 14px;

}

body .pageNavibtnWrap .naviBtn.active:before  {
	content: none;
}
.pageNavibtnWrap .naviBtn.active {
	cursor: initial;
}
.pageNavibtnWrap .naviBtn.active a {
	pointer-events: none;
	color: #FFFFFF;
}

.pageNavibtnWrap .naviBtn a span{
	font-size: 11px;
	font-weight: 300;
}

.pageNavibtnWrap .naviBtn:before {
	content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    right: 16px;
    margin: auto;
    box-sizing: border-box;
    border: 6px solid transparent;
	/* pointer-events: none; */
}
/* ビルテプソ */
.pageNavibtnWrap .naviBtn.vl:before {
    border-left: 10px solid #F15D22;
}
.pageNavibtnWrap .naviBtn.vl a {
	color: #F15D22;
}
.pageNavibtnWrap .naviBtn.vl {
	border: 1px solid #F15D22;
}

.pageNavibtnWrap .naviBtn.vl.active {
	background-color: #F15D22;
	color: #FFFFFF;
}
.pageNavibtnWrap .naviBtn.vl.active a {
	/* background-color: #F15D22; */
	padding: 13px 14px;
	color: #FFFFFF;
}

/* フィンテプラ Dravet */
.pageNavibtnWrap .naviBtn.fnDravet:before {
    border-left: 10px solid #873D89;
}
.pageNavibtnWrap .naviBtn.fnDravet a {
	color: #873D89;
}
.pageNavibtnWrap .naviBtn.fnDravet {
	border: 1px solid #873D89;
}

.pageNavibtnWrap .naviBtn.fnDravet.active {
	background-color: #873D89;
	color: #FFFFFF;
}
.pageNavibtnWrap .naviBtn.fnDravet.active a {
	/* background-color: #873D89; */
	padding: 13px 14px;
	color: #FFFFFF;
}

/* フィンテプラ Lgs */
.pageNavibtnWrap .naviBtn.fnLgs:before {
    border-left: 10px solid #0099A6;
}
.pageNavibtnWrap .naviBtn.fnLgs a {
	color: #0099A6;
}
.pageNavibtnWrap .naviBtn.fnLgs {
	border: 1px solid #0099A6;
}

.pageNavibtnWrap .naviBtn.fnLgs.active {
	background-color: #0099A6;
	color: #FFFFFF;
}
.pageNavibtnWrap .naviBtn.fnLgs.active a {
	/* background-color: #0099A6; */
	padding: 13px 14px;
	color: #FFFFFF;
}
/* ガザイバ*/
.pageNavibtnWrap .naviBtn.gazyva:before {
    border-left: 10px solid #A40023;
}
.pageNavibtnWrap .naviBtn.gazyva a {
	color: #A40023;
}
.pageNavibtnWrap .naviBtn.gazyva {
	border: 1px solid #A40023;
}

.pageNavibtnWrap .naviBtn.gazyva.active {
	background-color: #A40023;
	color: #FFFFFF;
}
.pageNavibtnWrap .naviBtn.gazyva.active a {
	/* background-color: #A40023; */
	padding: 13px 14px;
	color: #FFFFFF;
}

/* デファイテリオ defitelio */
.pageNavibtnWrap .naviBtn.defitelio:before {
    border-left: 10px solid #408BCA;
}
.pageNavibtnWrap .naviBtn.defitelio a {
	color: #408BCA;
}
.pageNavibtnWrap .naviBtn.defitelio {
	border: 1px solid #408BCA;
}

.pageNavibtnWrap .naviBtn.defitelio.active {
	background-color: #408BCA;
	color: #FFFFFF;
}
.pageNavibtnWrap .naviBtn.defitelio.active a {
	/* background-color: #408BCA; */
	padding: 13px 14px;
	color: #FFFFFF;
}
.pageNavibtnWrap .naviBtn:not(.active):hover {
	opacity: .7;
}

/* モノヴァー monover */
.pageNavibtnWrap .naviBtn.monover:before {
    border-left: 10px solid #003F73;
}
.pageNavibtnWrap .naviBtn.monover a {
	color: #003F73;
}
.pageNavibtnWrap .naviBtn.monover {
	border: 1px solid #003F73;
}

.pageNavibtnWrap .naviBtn.monover.active {
	background-color: #003F73;
	color: #FFFFFF;
}
.pageNavibtnWrap .naviBtn.monover.active a {
	/* background-color: #003F73; */
	padding: 13px 14px;
	color: #FFFFFF;
}

/* ビダーザ vidazaMds */
.pageNavibtnWrap .naviBtn.vidazaMds:before {
    border-left: 10px solid #C80852;
}
.pageNavibtnWrap .naviBtn.vidazaMds a {
	color: #C80852;
}
.pageNavibtnWrap .naviBtn.vidazaMds {
	border: 1px solid #C80852;
}

.pageNavibtnWrap .naviBtn.vidazaMds.active {
	background-color: #C80852;
	color: #FFFFFF;
}
.pageNavibtnWrap .naviBtn.vidazaMds.active a {
	/* background-color: #C80852; */
	padding: 13px 14px;
	color: #FFFFFF;
}

/* ビダーザ vidazaAml */
.pageNavibtnWrap .naviBtn.vidazaAml:before {
    border-left: 10px solid #003F73;
}
.pageNavibtnWrap .naviBtn.vidazaAml a {
	color: #003F73;
}
.pageNavibtnWrap .naviBtn.vidazaAml {
	border: 1px solid #003F73;
}

.pageNavibtnWrap .naviBtn.vidazaAml.active {
	background-color: #003F73;
	color: #FFFFFF;
}
.pageNavibtnWrap .naviBtn.vidazaAml.active a {
	/* background-color: #003F73; */
	padding: 13px 14px;
	color: #FFFFFF;
}

/* ビキセオス vyxeos */
.pageNavibtnWrap .naviBtn.vyxeos:before {
    border-left: 10px solid #72267A;
}
.pageNavibtnWrap .naviBtn.vyxeos a {
	color: #72267A;
}
.pageNavibtnWrap .naviBtn.vyxeos {
	border: 1px solid #72267A;
}

.pageNavibtnWrap .naviBtn.vyxeos.active {
	background-color: #72267A;
	color: #FFFFFF;
}
.pageNavibtnWrap .naviBtn.vyxeos.active a {
	/* background-color: #72267A; */
	padding: 13px 14px;
	color: #FFFFFF;
}

.buttonTitle {
	width: 100%;
	border-left: none;
	font-size: 15px;
	text-align: center;
	font-weight: 700;
}

.linkA {
    margin-top: 20px;
    text-align: right;
    font-size: 14px;
    line-height: 1.2;
	color: #003F73;
}
.linkA a:hover {
	text-decoration: underline;
}


/* gazayva link用 */
.anchorPointGallium {
	position: relative;
}
span.anchorPointGallium  {
	display: block;
	padding-top: 150px;
	margin-top: -150px;
	pointer-events: none;
	font-size: 0;
	line-height: 0;
	height: 0;
	width: 0;
}


/* 20250318 uptravi */
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree {
  width: 442px;
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px;
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_1, #incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_2, #incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_3, #incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_4, #incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  width: 140px;
  min-width: auto;
  font-size: 18px;
  line-height: 1.2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0;
  border-radius: 11px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_1 p span, #incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_2 p span, #incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_3 p span, #incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_4 p span, #incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_5 p span {
  font-size: 16px;
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_1 {
  background: #117b40;
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_2 {
  background: #0b406b;
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_3 {
  background: #a3cf44;
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_4 {
  background: #ffdf57;
  width: 100%;
  color: #333;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_5 {
  background-image: linear-gradient(105deg, #117b40 50%, #0b406b 50%);
  width: 290px;
}
#incProduct .usageGuideWrap.upColor .localNaviB .BtnWrapThree .BtnWrapThree_box .btnFlow_5 p:nth-of-type(2) {
  margin-left: 30px;
}