@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
/**********************reset**********************/

/*--------------------
01.共通
02.ヘッダー
03.フッター
04.下層
04-01.トップ
04-02.お知らせ
--------------------*/

/*--------------------
01.共通
--------------------*/
input:focus{
	outline:none;
   }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100.01%;
vertical-align:baseline;
background:transparent;
font-weight:normal;
line-height: 1.7;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
.clearfix:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
width:100%;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;/*?*//*/
height: auto;
overflow: hidden;
/**/
}
ul, ol {
list-style-type: none;
}
a {
text-decoration: none;
color:#00b2ca;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#container a:hover {
text-decoration: underline;
}
#container a:visited {
/*color:#0db9d1;*/
}
img {
border: 0;
vertical-align:middle;
width: 100%;
height: auto;
}
a img {
border: none;
}

.pc{
display: block;
}

.pc480{
display: block;
}

.sp{
display: none;
}

.sp480{
display: none;
}

/*a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}*/
html {
height:100%;
}
body {
height:100%;
background-color: #fff;
/*font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;*/
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
margin: 0;
padding: 0;
font-size:14px;
color:#333333;
-webkit-text-size-adjust:100% !important; /*タブレットフォントバグ対策*/
letter-spacing:0.05em;
font-family: "Noto Sans JP", sans-serif;
}
#wrapper {
position: relative;
min-height: 100%;
height: auto !important;/*ie6*/
height: 100%;
overflow: hidden;
}


/*common class parts--------------------*/
strong {
font-weight: bold;
}
.mgb10 {
margin-bottom:10px;
}
.mgb30 {
margin-bottom:30px;
}
.disc li {
list-style:disc;
margin-left:20px;
}
.decimal li {
list-style:decimal;
margin-left:20px;
}
.fl {
float: left;
margin: 0;
}
.fr {
float: right;
margin: 0;
}
.indent {
text-indent:-1em;
margin-left:1em;
}
.tc {
text-align:center;
display:block;
margin:0 auto;
}
.cBlue {
color: #09c;
}
.cRed {
color: #c03;
}
.subGrey {
background-color: #f6f6f6;
border-left: 3px solid #0db9d1;
box-sizing: border-box;
margin: 0 0 20px;
padding: 9px;
width: 100%;
}
.areaR {
float: right;
margin: 0 0 10px 15px;
}
.gbox.waku {
border: 1px solid #ccc;
}
p.gbox, p.wakuBox {
padding-top: 10px;
}
.gbox {
background-color: #f6f6f7;
}
.gbox, .wakuBox {
border-radius: 4px;
margin: 10px 0 15px;
overflow: hidden;
padding: 15px 15px 10px;
position: relative;
width: auto;
}
.line.gray {
border-bottom: 1px dotted #999;
}
.line {
border-bottom: 1px dotted #3db54e;
clear: both;
margin: 0 0 10px;
padding: 0 10px 10px 0;
width: auto;
}

.f12 {
font-size: 12px !important;
}
.f13 {
font-size: 13px !important;
}



/*
#generic_information dl dt.trigger {
display: table;
}
#generic_information dl dt.trigger span.name {
display: table-cell;
vertical-align: middle;
}
#generic_information dl dt.trigger span.generic {
display: table-cell;
vertical-align: middle;
padding-left: 15px;
}
*/


/*--------------------
02.ヘッダー
--------------------*/
header {
width: 100%;
height: 116px;
background-color: #fff;
border-bottom:solid 1px #fff;
}
header #h_innr {
position: relative;
max-width: 1000px;
width: 96%;
height: 70px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
header #h_innr h1 a {
display: block;
width: 131px;
padding-top: 10px;
position:absolute;
top:0px;
left:0;
}

header #h_innr ul.top_nav{
display: flex;
justify-content: flex-end;
align-items: flex-start;
}

header #h_innr ul.top_nav li a {
display:block;
padding:22px 0 20px;
background: #0db9d0;
color: #fff;
width: 150px;
text-align: center;
border-radius: 0 0 10px 10px;
font-size: 14px;
line-height: 18px;
}
header #h_innr ul.top_nav li a:hover {
opacity:0.8;
}
header #h_innr ul.top_nav li.hp a {
margin-left: 10px;
padding:13px 0 11px;
background: #0C3E77;
}

header #h_innr .nav_btn{
display: none;
}

header ul.top_nav.sp480{
display: none!important;
}


/*#nav*/
header #nav {
position:relative;
display:block;
height:22px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
padding:12px 0 11px;
behavior:url("../../../../index.html");
z-index:12;
}

header #nav .contents_in{
display:block;
max-width: 1000px;
width: 96%;
margin: 0 auto;
}

header #nav ul {
max-width: 550px;
width: 100%;
margin: 0 0 0 auto;
display: flex;
justify-content:flex-end;
align-items: center;
}

header #nav ul li {
display:block;
}

header #nav ul li a {
transition: color 0.1s ease-in-out 0s;
letter-spacing:0.1em;
display:block;
padding:0 40px;
text-align:center;
color:#575757;
font-weight:bold;
text-shadow: -1px 1px 0 rgba(255, 255, 255, 1);
font-size:15px;
border-right:solid 1px #ddd;
}

header #nav ul li.nolink {
letter-spacing:0.1em;
display:block;
padding:0 0 0 40px;
/*width:180px;*/
text-align:center;
color:#bababa;
font-weight:bold;
}

header #nav ul li a:hover, header #nav ul li.active a {
text-decoration:none;
color:#0db9d0 !important;
}
header #nav ul li a:visited {
color:#575757;
}


/*--------------------
03.フッター
--------------------*/
footer {
/* height: 60px; */
position: absolute;/*wrapperの基準の絶対配置*/
bottom: 0; /*一番下に配置*/
width: 100%;
padding:20px 0;
margin:0 auto;
background-color: #fff;
text-align:center;
}
footer a:hover {
text-decoration:underline;
}
footer p {
/* padding-bottom:5px; */
}
/*top-footer*/
#top-footer {
position: relative;
overflow: hidden;
}
#top-footer ul {
/* float:left;
left:50%;
position:relative; */
}
#top-footer li {
/* float:left;
left:-50%;
position:relative; */
}
/*page-top*/
#page-top {
margin:0 auto;
position: fixed;
right: 20px;
bottom:60px;
_text-align:right;
z-index:30;
}
#page-top a {
text-align: center;
padding: 40px 0 20px;
box-sizing: border-box;
color:#fff;
display:block;
width: 80px;
height: 80px;
border-radius: 50%;
background-color: #0d3e77;
position: relative;
}

#page-top a::before {
content: '';
background:url(../img/arrow_02.png) no-repeat center;
background-size: contain;
width: 16px;
height: 8px;
position: absolute;
top: 20px;
left: 0;
right: 0;
margin: 0 auto;
}

#page-top a:hover {
opacity: 0.8;
text-decoration: none;
}



/*--------------------
04.下層
--------------------*/

.icon-new {
display: inline-block;
margin-left: 10px;
padding: 3px 5px 3px;
background: #ff7412;
color: #fff;
line-height: 1;
font-size: 10px;
vertical-align: 25%;
font-weight: 500;
border-radius: 3px;
}

/*--------------------
04-01.トップ
--------------------*/


/*#slide-area*/
#slide-area {
position:relative;
margin:0 auto;
text-align:center;
height:435px;
/*background:url(../img/top/slide-area_bg.png) repeat-x left top;
box-shadow: 0 -6px 3px -3px rgba(0, 0, 0, 0.3) inset;
-weblit-box-shadow: 0 -6px 3px -3px rgba(0, 0, 0, 0.3) inset;
behavior:url("../../../../index.html");*/
background-color:#fff;
}
#slide-area #slide-area-inner {
position:relative;
width:1000px;
margin:0 auto;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";
}
#slide-area p a img{
display: block;
position:absolute;
top:280px;
left:0;
z-index:10;
opacity:0;
filter:alpha(opacity=0);
-ms-filter:"alpha(opacity=0)";

 box-shadow: 1px 2px 3px 1px #666;
-webkit-box-shadow: 1px 2px 3px 1px #666;
-moz-box-shadow:1px 2px 3px 1px #666;}
#slide-area p a:hover{
}
a:hover img {
opacity:0.95 !important;
filter:alpha(opacity=95);
-ms-filter:"alpha(opacity=95)";
}


/*bread-crumb-list*/
#bread-crumb-list {
list-style-type: none;
width:950px;
padding: 18px 0;
margin:0 auto !important;
font-size: 12px !important;
line-height: 12px !important;
}
#bread-crumb-list li, #bread-crumb-list li a, #bread-crumb-list li a span {
display: inline;
font-size: 12px !important;
line-height: 12px !important;
}
/*#container*/
#container {
background-color:#ededed;
height:auto;
height:100%;
padding-top:30px;
padding-bottom: 30px;/*footerの高さ分だけ余白を設ける*/
}
#container #container-inner {
position:relative;
box-sizing: border-box;
background-color:#fff;
max-width: 1000px;
width: 96%;
margin:0 auto 0 !important;
padding: 30px !important;
-webkit-border-radius:8px;
border-radius:8px;
-webkit-box-shadow: #777777 0px 0px 4px;
-moz-box-shadow: #777777 0px 0px 4px;
box-shadow: #777777 0px 0px 4px;
behavior:url("../../../../index.html");
}
#container #container-inner .top-box {
position:relative;
}
#container #container-inner .top-box ul.top-box-inner {
margin-bottom:30px;
border:solid 1px #333;
border-top:solid 3px #333;
padding:20px 30px;
}
#container #container-inner .top-box h3.h3title {
color:#333;
font-size:18px;
font-weight:bold;
padding-left:20px;
margin: 0 auto 10px auto;
border-left: 6px solid #333;
max-width: 900px;
}
#container #container-inner .top-box h3.h3title span {
display:inline-block;
*zoom: 1;
color: #f9cb2a;
font-size:16px;
margin-left:20px;
}
/*お知らせ・更新情報*/	
#container #container-inner #information .news-link a {
font-weight:bold;
font-size:12px;
position:absolute;
top:-3px;
right:0;
-webkit-border-radius:8px;
border-radius:8px;
border:solid 1px #ddd;
color:#0db9d1;
padding: 1px 10px;
background:url(../img/btn_news_all_bg.png) repeat-x bottom left;
behavior:url("../../../../index.html");
}
#container #container-inner #information .news-link a:hover {
text-decoration:none;
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter:"alpha(opacity=80)";
}
#container #container-inner #information ul li {
/*border-bottom:dotted 1px #ccc;*/
padding:7px 0;
margin: 0;
list-style:none !important;
position: relative;
}
#container #container-inner #information ul li a {
display:block;
}

#container #container-inner #information ul li dl{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}

#container #container-inner #information ul li dl dt {
width: 110px;
}

#container #container-inner #information ul li dl dd {
width: calc(100% - 120px);
}

#container #container-inner #information ul li.ondemand, 
#container #container-inner #information ul li.patient,
#container #container-inner #information ul li.seminar, 
#container #container-inner #information ul li.product {
padding-left:130px;
}

#container #container-inner #information ul li.ondemand::before, 
#container #container-inner #information ul li.patient::before,
#container #container-inner #information ul li.seminar::before, 
#container #container-inner #information ul li.product::before {
content: '製品情報';
width: 110px;
height: 20px;
font-size: 12px;
color: #fff;
padding-bottom: 2px;
text-align: center;
background: #306fb7;
position: absolute;
/*
top: 50%;
transform: translateY(-50%);
*/
top:8px;
left: 0;
}

#container #container-inner #information ul li.ondemand::before{
content: 'オンデマンド配信';
background: #ff9b55;
}

#container #container-inner #information ul li.seminar::before{
content: 'セミナー・講演会';
background: #19c1bb;
}

#container #container-inner #information ul li.patient::before{
content: '患者様向け資材';
background: #bfd851;
}


/*製品情報*/

/*タブ*/
#container #container-inner #medical .medical-tab {
margin:0 auto;
margin-bottom:30px;
border:solid 1px #0db9d0;
border-top:solid 3px #0db9d0;
padding:20px 30px 30px;
}
#container #container-inner #medical ul.tab {
height:40px;
margin:0;
padding:0;
overflow:hidden;
}
#container #container-inner #medical ul.tab li {
font-weight:bold;
font-size:16px;
cursor:pointer;
float:left;
text-align:center;
padding:8px 0 0;
width:216px;
height:32px;
margin-left:4px;
background:url(../img/top/medical/medical-tab02.png) no-repeat left top;
}
#container #container-inner #medical ul.tab li:first-child {
margin-left:0;
}
#container #container-inner #medical ul.tab li span {
font-weight:bold;
font-size:13px;
}
#container #container-inner #medical ul.tab li.select, #container #container-inner #medical ul.tab li:hover {
color:#fff;
background:url(../img/top/medical/medical-tab01.png) no-repeat left top;
}
/*枠*/
#container #container-inner #medical .medical-tab .content {
border:solid 4px #10bad2;
max-width: 930px;
box-sizing: border-box;
margin: 0 auto;
padding: 30px 22px;
}
/*中身*/
#medical .hide {
display:none;
}
#container #container-inner #medical .medical-tab .content li .tab-inner {
max-width: 630px;
width: 100%;
margin:10px auto;
text-align:left;
}


#container #container-inner #medical ul.tab {
width: 100%;
height: 50px;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
text-align: center;
}
#container #container-inner #medical ul.tab li {
float: none !important;
width: 24.5%;
height: 50px;
background-image: none;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
background-color: #dcdcdc;
font-size: 14px;
padding: 5px 5px 0;
margin: 0 3px 0 0;
box-sizing: border-box;
}
#container #container-inner #medical ul.tab li div {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
align-content: center;
height: 43px;
font-weight: 600;
}
#container #container-inner #medical ul.tab li div span {
display: block;
width: 100%;
font-size: 12px;
margin-top: -3px;
}
#container #container-inner #medical ul.tab li.select,
#container #container-inner #medical ul.tab li:hover {
background: linear-gradient(to bottom, #55c9da, #0db9d1);
}





/*第2階層------------------------------------------------*/

/*
#main-area {
width:630px;
margin-right:60px;
float:left;
}

#side-area {
width:250px;
float:left;
}
*/

.bg {
background: url(../img/inner_title_bg.png) repeat fixed top;
background-color:#fff;
height: 110px;
min-width: 1000px;
padding-top: 70px;
margin:0 auto;
}
#inner-title h2 {
width:1000px;
height: 80px;
margin:0 auto;
text-align:left;
color:#0d3e77;
font-size: 26px;
font-weight: bold;
}

h3.medical-name {
font-size:26px;
font-weight:bold;
margin-bottom:20px;
}

h3.medical-name .h3_en{
font-size:20px;
color: #0db9d1;
display: block;
}

h4.cnt_title {
font-size:18px;
color:#fff;
font-weight:bold;
background-color:#0db9d1;
padding:5px 5px 5px 15px;
border-radius: 5px 5px 0 0;
}

h4.h4pdf {
font-size:18px;
color:#fff;
font-weight:bold;
background:url(../img/icon_pdf.png) no-repeat 15px center;
background-size: 22px auto;
background-color:#0db9d1;
padding:5px 5px 5px 50px;
border-radius: 5px 5px 0 0;
}

h5.h5side {
position:relative;
font-size:16px;
text-align:center;
font-weight:bold;
-webkit-border-radius:8px 8px 0 0;
border-radius:8px 8px 0 0;
color:#fff;
padding: 3px 20px 0;
background: #4eba62;
background:url(../img/btn_info_bg.png) repeat-x left bottom;
behavior:url("../../../../index.html");
}

/*
h6.h6side {
text-align:left;
font-size:16px;
font-weight:bold;
margin:0 auto 10px;
}
*/
/*お知らせページ内icon*/
/*
h6.seminar {

background:url(../img/icon_01.png) no-repeat left top;
padding-top:25px;
}
h6.medicine {
background:url(../img/icon_02.png) no-repeat left top;
padding-top:25px;
}
h6.patient {
background:url(../img/icon_03.png) no-repeat left top;
padding-top:25px;
}
h6.ondemand {
background:url(../img/icon_04.png) no-repeat left top;
padding-top:25px;
}
*/





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

製品情報ページ

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

/*--- 製品スライダー ---*/
.sp-top-thumbnails .sp-thumbnail-container, 
.sp-bottom-thumbnails .sp-thumbnail-container{
border: 3px solid #fff;
}

.sp-thumbnails-container{
position: absolute;
overflow: hidden;
direction: ltr;
bottom: 8px;
left: 8px!important;
}

.product_slider{
padding-bottom: 40px;
margin-bottom: 30px;
}

/*
.medical-img {
text-align:center;
padding:20px 0;
}
*/

/*--- END 製品スライダー ---*/

.about_box{
border: 1px solid #0db9d1;
padding: 20px;
margin-bottom: 30px;
}

.about_box dl{
display: flex;
justify-content: flex-start;
align-items: flex-start;
border-bottom: dotted 1px #ccc;
padding: 5px 0;
}

.about_box dl dt{
width: 140px;
display: block;
}

.about_box dl dd{
width: calc(100% - 140px);
display: block;
}



/*acordion*/
dl.acordion {
background:#fff;
border:solid 1px #0db9d1;
border-bottom:none;
}
dl dt.trigger {
padding:10px 10px 10px 15px;
background-color:#fff;
}
dl dt.trigger:hover {
background-color:#e0f4f7;
}
dl dt.trigger.active {
background-color:#e0f4f7;
}
dl dd.acordion_tree {
overflow:hidden;
}
dl dd.acordion_tree ul li a {
color:#333;
display:block;
border-bottom:solid 1px #ccc;
background:url(../img/arrow_06.png) no-repeat 605px 15px;
background-color:#f3f3f3;
padding:10px 0 10px 30px;
}
/*dl dd.acordion_tree ul li a:last-child{
border-bottom:none !important;
}*/

dl dd.acordion_tree ul li a:link {
background-color:#f3f3f3;
color:#333;
}
dl dd.acordion_tree ul li a:visited {
background-color:#f3f3f3;
color:#333;
}
dl dd.acordion_tree ul li a:hover {
background-color:#e8e8e8;
color:#333;
}
dl dd.acordion_tree ul li a:active {
background-color:#e8e8e8;
color:#333;
}
/*ボタン*/
dl dt span.open-close {
display:block;
padding-right:20px;
font-size:107%/*15px*/;
position: relative;
}

dl dt span.open-close::after {
content: '';
background:url(../img/arrow_05.png) no-repeat center;
background-size: contain;
width: 14px;
height: 9px;
position: absolute;
top: 40%;
/*transform: translateY(-50%);*/
right: 10px;
transition: .4s ease;
}

dl dt.trigger.active .open-close::after {
transform: rotate(180deg);
}

dl dt span.open-close,
dl dt.trigger.active .open-close {
background-position: center right;
}


/*no-acordion-linkボタン*/
ul.no-acordion-link li a {
transition: background-color 0.2s ease-in-out 0s;
border:solid 1px #0db9d1;
border-bottom:none;
display:block;
background:#fff;
padding:10px 10px 10px 15px;
font-size:107%/*15px*/;
position: relative;
}

ul.no-acordion-link li a::after {
content: '';
background:url(../img/arrow_04.png) no-repeat center;
background-size: contain;
width: 8px;
height: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
}

ul.no-acordion-link li a:link {
color:#333 !important;
}
ul.no-acordion-link li a:visited {
color:#333 !important;
}
ul.no-acordion-link li a:hover {
color:#333 !important;
background-color:#e0f4f7;
text-decoration:none;
}
.link-last {
border-bottom:solid 1px #0db9d1;
}




/*---------- タブ内部 ------------*/

.tab-inner .acordion_tree .inner_box{
padding: 15px 10px; 
}

.tab-inner .acordion_tree .inner_box.box01{
display: flex;
justify-content: space-between;
align-items: flex-start;
}

.tab-inner .acordion_tree .inner_box.box01 .cnt_img{
display: block;
max-width: 180px;
width: 28%;
}

.tab-inner .acordion_tree .inner_box.box01 .cnt_img span{
display: block;
padding: 0 0 8px;
}

.tab-inner .acordion_tree .inner_box.box01 .text{
display: block;
width: 70%;
}

.tab-inner .acordion_tree .inner_box.box02 dl{
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 8px;
}

.tab-inner .acordion_tree .inner_box.box02 dl .cnt_img{
display: block;
max-width: 180px;
width: 28%;
}

.tab-inner .acordion_tree .inner_box.box02 dl .text{
display: block;
width: 70%;
}

.youtubesp{
	margin: 0 auto;
	width: 100%;
}

.tab-inner .acordion_tree .inner_box.box03{
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-flow: wrap;
}

.tab-inner .acordion_tree .inner_box.box03 .cnt_box{
width: 24%;
display: block;
text-align: center;
padding-bottom: 15px;
}

.tab-inner .acordion_tree .inner_box.box04 dl dt, 
.tab-inner .acordion_tree .inner_box.box04 dl dd{
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 8px;
}

.tab-inner .acordion_tree .inner_box.box04 dl dd{
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px dotted #ccc;
}

.tab-inner .acordion_tree .inner_box.box04 dl dt span, 
.tab-inner .acordion_tree .inner_box.box04 dl dd span{
width: calc(100% - 60px);
display: block;
}

.tab-inner .acordion_tree .inner_box.box04 dl span.faq {
width: 50px;
box-sizing: border-box;
display: block;
color: #fff;
background: #0db9d0;
border-radius: 3px;
text-align: center;
margin-right: 10px;
}
.tab-inner .acordion_tree .inner_box.box04 dl dd span.faq {
background: #ccc;
}

.tab-inner .acordion_tree .inner_box.box05 .cnt_box{
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 8px;
}

.tab-inner .acordion_tree .inner_box.box05 .cnt_img{
display: block;
max-width: 180px;
width: 28%;
}

.tab-inner .acordion_tree .inner_box.box05 .cnt_box .text{
display: block;
width: 70%;
}

.tab-inner .acordion_tree .inner_box.box05 .cnt_box .text .name{
font-size: 20px;
font-weight: bold;
padding-bottom: 20px;
}

.tab-inner .acordion_tree .inner_box.box05 .cnt_box .text .name .small{
display: block;
font-size: 16px;
}

.tab-inner .acordion_tree .inner_box.box05 .cnt_box .text .link a{
font-size: 16px;
background: #e0f4f7;
padding: 8px 40px 6px 20px;
position: relative;
margin-bottom: 15px;
border-radius: 3px;
display: block;
width: fit-content;
}

.tab-inner .acordion_tree .inner_box.box05 .cnt_box .text .link a::after {
content: '';
background:url(../img/arrow_04.png) no-repeat center;
background-size: contain;
width: 8px;
height: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
}



/*ジェネリックアコーディオン*/
/*

#generic_information h4 {
color:#fff;
background:none;
padding:0;
}
#generic_information h4 span.name {
padding:5px 10px;
font-weight:bold;
background-color:#0db9d1;
display: inline-block;
*display: inline;
*zoom: 1;
width:292px;
font-size:16px;
}
#generic_information h4 span.generic {
padding:5px 10px;
font-weight:bold;
background-color:#e0f4f7;
display: inline-block;
*display: inline;
*zoom: 1;
width:298px;
font-size:16px;
}
dl dt.trigger span.name {
display: inline-block;
*display: inline;
*zoom: 1;
width:295px;
font-size:14px;
border-right:solid 1px #ccc;
margin-right:15px;
}
dl dt.trigger span.generic {
display: inline-block;
*display: inline;
*zoom: 1;
width:270px;
font-size:14px;
}
*/
/*アコーディオン中身*/
/*

#generic_information dl dd.acordion_tree {
background-color:#f3f3f3;
padding-bottom:20px;
}
#generic_information h6 {
font-weight:bold;
font-size:14px;
text-align:center;
margin:10px auto;
}
#generic_information table {
vertical-align:middle;
border:solid 1px #ccc;
background-color:#fff;
margin:10px;
padding:0;
}
#generic_information table tr th, #generic_information table tr td {
vertical-align:middle;
border:solid 1px #ccc;
padding:5px 10px;
}
#generic_information table tr th {
width:25%;
background-color:#888888;
color:#fff;
font-weight:bold;
text-align:left;
}
#generic_information table ol li {
list-style:decimal;
margin-left:15px;
}
*/

/*サイド 製品一覧*/
/*
.medical-link {
border:solid 1px #0db9d1;
margin-bottom:60px;
}
.medical-link li {
border-bottom:solid 1px #0db9d1;
}
.medical-link li a {
transition: background-color 0.2s ease-in-out 0s;
display:block;
color:#333;
background:url(../img/arrow_03.png) no-repeat 10px 20px;
padding:15px 0 15px 30px;
}
.medical-link li:last-child {
border-bottom:none;
}
.medical-link li a:hover, .medical-link li.active a {
color:#0db9d1;
background-color:#e2f7e0;
text-decoration:none;
}
*/



/*お問い合わせ*/

#contact-medical .medical-information {
position: relative;
width: auto;
padding: 10px 0;
margin: 0;
border-radius: none;
border: none;
background-color: #fff;
}
.medical-information ul li {
float:left;
width:220px;
padding:15px 10px;
}
.medical-information ul li.second-li {
border-left:solid 1px #0db9d1;
padding-left:30px;
margin-left:10px;
}
.comment {
font-size:12px;
}
.medical-mail a {
transition: background-color 0.2s ease-in-out 0s;
position:relative;
display:block;
text-align:center;
background-color:#fff;
border-radius:8px;
-weblit-border-radius:8px;
padding:20px 0;
-webkit-box-shadow: #ccc 0px 2px 1px;
box-shadow: #ccc 0px 2px 1px;
behavior:url("../../../../index.html");
}
.medical-mail h6 {
font-weight:bold;
font-size:16px;
}

#contact-medical .subGrey {
padding: 10px 10px 9px 15px;
margin-bottom: 15px;
font-weight: 600;
}

#contact-medical .medical-information ul li {
width: 100%;
padding: 0;
}
#contact-medical .medical-mail {
margin-top: 20px;
}
#contact-medical .medical-mail img {
display: inline-block;
margin:12px auto 0;
margin-right: 10px;
width: 40px;
height: auto;
vertical-align: -45%;
}
#contact-medical .medical-mail a {
box-shadow: none;
background-color: #e0f4f7;
font-size: 18px;
font-weight: 600;
padding: 0 0 13px;
/*color: #fff;*/
}
#contact-medical .medical-mail a:hover {
background-color: #c9eaef;
text-decoration:none !important;
}





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

お知らせページ

----------------------------------------------*/
.category-box {
border:solid 1px #0db9d1;
padding:10px;
}
.box-inner {
border-bottom:solid 1px #ccc;
padding:15px;
margin-bottom:15px;
}
.box-inner:last-child {
border-bottom:none;
}




/*--------------------
04-02.お知らせ
--------------------*/

#information #container #container-inner #information ul li dl{
border-top: none;
}




@media only screen and (max-width:1024px){
/*----------
01.共通
----------*/
/*--------------------
02.ヘッダー
--------------------*/
/*--------------------
03.フッター
--------------------*/
/*--------------------
04.下層
--------------------*/


}

@media only screen and (max-width:750px){

/*----------
01.共通
----------*/

.pc{
display: none;
}

.sp{
display: block;
}


/*--------------------
02.ヘッダー
--------------------*/

header #nav ul{
margin: 0 auto;
justify-content: center;
}

header #nav ul li a{
padding: 0 20px;
}

header #nav ul li.nolink{
padding: 0 20px;
}


/*--------------------
03.フッター
--------------------*/

/*--------------------
04.下層
--------------------*/


/*--------------------
04-01.トップ
--------------------*/

#container #container-inner{
padding: 30px 15px!important;
}

#container #container-inner .top-box ul.top-box-inner{
padding: 20px 15px;
}


#container #container-inner #information ul li dl{
display: block;
padding: 5px 0;
border-bottom: dotted 1px #ccc;
}
#container #container-inner #information ul li dl dd{
width: 100%;
}


#container #container-inner #medical .medical-tab{
padding: 20px 10px 30px;
}

#container #container-inner #medical .medical-tab .content{
padding: 20px 12px;
}



h3.medical-name {
font-size: 22px;
}

h3.medical-name .h3_en {
font-size: 16px;
}

.tab-inner .acordion_tree .inner_box.box03 .cnt_box {
width: 48%;
}
#container #container-inner #medical ul.tab li div{
font-size: 12px;
}

.tab-inner .acordion_tree .inner_box.box05 .cnt_box .text .name .small{
font-size: 14px;
}

.tab-inner .acordion_tree .inner_box.box05 .cnt_box .text .name{
font-size: 18px;
}

.tab-inner .acordion_tree .inner_box.box05 .cnt_box .text .link a{
padding: 8px 30px 6px 10px;
font-size: 15px;
}

.tab-inner .acordion_tree .inner_box.box05 .cnt_box .text .link a::after{
right: 10px;
}



/*--------------------
04-02.お知らせ
--------------------*/

#container #container-inner #information ul li.ondemand, 
#container #container-inner #information ul li.patient, 
#container #container-inner #information ul li.seminar, 
#container #container-inner #information ul li.product{
padding-left: 0;
}

#container #container-inner #information ul li.ondemand::before, 
#container #container-inner #information ul li.patient::before, 
#container #container-inner #information ul li.seminar::before, 
#container #container-inner #information ul li.product::before{
font-size: 11px;
width: 70px;
height: 18px;
top: 13px;
left: 110px;
}

/*----------
小田追加部分
----------*/

.tab-inner .acordion_tree .inner_box.box02 dl .text{
font-size: 12px;
}



}




@media only screen and (max-width:480px){

/*----------
01.共通
----------*/
.pc480{
display: none;
}

.sp480{
display: block;
}



/*--------------------
02.ヘッダー
--------------------*/

header{
position: relative;
height: 68px;
display: none;
}

header .contents_in{
/*position: static;*/
align-items: center;
padding: 9px 0 10px;
}

header #h_innr h1 a{
width: 100px;
padding-top: 15px;
}

header #h_innr ul.pc480{
display: none;
}

header #h_innr .nav_btn{
display: block;
width: 22px;
cursor:pointer;
transition: all .4s;
box-sizing: border-box;
margin: 0 0 0 auto;
z-index: 5;
position: relative;
top: 26px;
right: 10px;
height: 19px;
}

header #h_innr .nav_btn .nav_line{
width: 22px;
border-top:2px solid #0C3E77;
display: inline-block;
transition: all .4s;
box-sizing: border-box;
position: absolute;
left:0;
right:0;
margin:0 auto;
}

header #h_innr .nav_btn .nav_line01{
top:0px;
}

header #h_innr .nav_btn .nav_line02{
top:8px;
}

header #h_innr .nav_btn .nav_line03{
width: 16px;
top:16px;
left: 0;
margin: 0;
}

header.active #h_innr .nav_btn .nav_line01{
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(9px) rotate(-45deg);
top: -2px;
}

header.active #h_innr .nav_btn  .nav_line02.hover_line{
-webkit-transform: translateX(6px) rotate(0deg);
transform: translateX(6px) rotate(0deg);
}

header.active #h_innr .nav_btn  .nav_line02{
top:12px;
left: 50%;
opacity: 0;
-webkit-animation: active-menu-bar02 .8s forwards;
animation: active-menu-bar02 .8s forwards;
}

header.active #h_innr .nav_btn  .nav_line03{
width: 22px;
-webkit-transform: translateY(-3px) rotate(45deg);
transform: translateY(-3px) rotate(45deg);
top: 10px;
}



header #nav{
position: absolute;
width: 200px;
top: 63px;
right: -200px;
transition: all .3s;
background-color: rgba(255, 255, 255, 0.8);
height: calc(100vh - 54px);
z-index: 5;
display: block;
border: none;
}

header.active #nav{
right: 0;
}

header #nav ul{
display: block;
}

header #nav ul li {
display: block;
padding: 12px 0px;
}

header #nav ul li a{
border: none;
padding: 0;
font-size: 14px;
}

header #nav ul li.nolink{
padding: 12px 0;
font-size: 14px;
}

header #nav ul.top_nav.sp480{
display: block!important;
}

header #nav ul.top_nav li a {
display:block;
padding:22px 0 20px;
background: #0db9d0;
color: #fff;
width: 180px;
text-align: center;
border-radius: 10px;
font-size: 14px;
line-height: 18px;
text-shadow: none;
margin: 0 auto;
}

header #nav ul.top_nav li.hp a {
padding:13px 0 11px;
background: #0C3E77;
}


footer p {
padding-bottom: 5px;
font-size: 12px;
}


/*--------------------
04.下層
--------------------*/
#container #container-inner {
padding: 30px 12px!important;
width: 100%;
border-radius: 0;
}
#container {
	padding-top: 0;
	padding-bottom: 0;
}

/*--------------------
04-01.トップ
--------------------*/

#container #container-inner #medical ul.tab{
padding-bottom: 20px;
height: auto;
justify-content: space-between;
}

#container #container-inner #medical ul.tab li{
border-radius: 6px;
width: 48%;
margin: 0 auto 5px;
}

.sp-thumbnails-container{
position: unset;
}

.sp-top-thumbnails .sp-thumbnail-container, .sp-bottom-thumbnails .sp-thumbnail-container{
border:none;
}

}