﻿@charset "utf-8";
html{
font-size:62.5%;
}
* {box-sizing: border-box;}
body{
background-color:#F3F3F3;
font-size:1.4rem;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#222;
margin: 0;
line-height:2.6rem;
-webkit-text-size-adjust: none;
}

/* リンク */
a{
color:#0953ae;
text-decoration: underline;
}
a:hover{
opacity:0.7;
/*color:#f30;*/
}
a:active, a:focus{
outline:0;
}

/* テキスト装飾 */
.red_b{
font-weight:bold;
color:#EE3300;
}
.imptnt{
color:#FFF;
background-color:#E94319;
padding:1px 10px;
margin:0 5px 0 -12px;
font-size:1.1rem;
}
.red{
	color:#f00;
}
.center{
text-align:center;
}
.center2{
text-align:center;
}
.right{
text-align:right;
}
.left{
text-align:left;
}
.rubi{
font-size:70%;
}
.txt_Sblk{
font-size:1.2rem;
line-height:1.5rem;
display:block;
}
.txt_b{
font-weight:bold;
}
.txt_s{
font-size:80%!important;
}
.txt_M{
font-size:110%!important;
}
.txt_red{
color:#F00;
}
.txt_blu{
color:#2455B9;
}
.middle{
vertical-align:middle;
}
.sup{
font-size:40%;
vertical-align: top;
position: relative;
top: -0.2em;
}
.sub{
font-size:40%;
vertical-align: bottom;
position: relative;
top: 0.2em;
}
.br_1199-no{
display:block;
}
.br_768-no{
display:block;
}
.br_1199,
.br_768,
.br_640,
.br_480{
display: none;
}
.img_right{
float:right;
padding:10px 0 0 15px;
}
.img_Banner{
display:inline-block;
margin:10px 15px 0 0;
line-height:1.8rem;
}
img.img_bdr-radius-5{
border-radius:5px;
}
.no-640{}
.m-top_-15{
margin-top: -15px;
}
.m-top_15,
.p-top_15{
margin-top:15px;
}
.m-top_25,
.p-top_25{
margin-top: 25px;
}
.p-top_30{
margin-top: 30px;
}
.m-btm_15{
margin-bottom: 15px;
}
.m-btm_20{
margin-bottom: 20px;
}
.m-btm_25{
margin-bottom: 25px;
}
.m-btm_35{
margin-bottom: 35px;
}
.m-lft_25{
    margin-left:25px;
}
.p-btm_5{
padding-bottom:5px!important;
}
.p-btm_10{
padding-bottom:10px;
}
.p-lft_10{
    padding-left:10px;
}
.p_no-1199{
padding:0 30px;
}


/* 全体 */
.wrapper{
margin:0 auto;
position:relative;
/* ↓PC用で定義
padding:0;
max-width:1200px; */
}
.m-top_wrpr{
margin-top: 90px;
}
.inner{
margin:0 auto;
/* ↓PC用で定義
padding:0;
max-width:1200px; */
}
.bg_WHT{
position: relative;
width:100%;
background-color:#FFF;
}


/* ヘッダー
--------------------------------*/
/* ヘッダー トップページ */
.header-wrap{
position: absolute;
/*position: fixed;
top:0;*/
width: 100%;
text-align: center;
background: rgba(255,255,255,0.75);
z-index: 1000;
}
.header-top{
margin: 0 auto;
width: 1200px;
padding:25px 0;
z-index: 2;
}
.header-top h1{
width: 200px;
z-index: 100;
}
.header-top h1 img{
display: block;
width:200px;
height: 50px;
margin:0;
}
.header-pc-menu01{
display: block;
margin-top:-32px;
padding-left: 240px;
float: left;
text-align: left;
}
.header-pc-menu01 a{
text-decoration: none;
padding:10px 15px;
font-size:1.35rem;
font-weight: 600;
color: #222;
}
.header-pc-menu02{
display: block;
margin-top:-32px;
margin-right: 10px;
float: right;
text-align: right;
}
.header-pc-menu02 a{
text-decoration: none;
padding:10px 0 10px 30px;
font-size:1.2rem;
font-weight: 600;
color: #222;
background-repeat: no-repeat;
}
.header-pc-menu02 a:first-child{
margin-right: 12px;
padding-left: 32px;
background-image: url("../img/menu-pc_en-jp.png");
background-position:top 9px left 7px;
}
.header-pc-menu01 a:hover,
.header-pc-menu02 a:hover{
opacity: 0.6;
}

/* トップページ　SDS検索ボタン */
.top-menu{
position: absolute;
display:block;
text-align: center;
width: 100%;
z-index: 100;
}
.top-menu div{
position: relative;
margin: 0 auto;
width: 600px;
top:-40px;
border-radius:50px;
padding:5px;
box-shadow:0 0 2px rgba(0,0,0,0.3);
background-color: #fff;
}
.top-menu div a{
display: block;
padding:22px 25px 22px 30px;
text-decoration: none;
color: rgba(34,34,34,1.00);
}
.top-menu div a p:first-child{
display: inline-block;
font-size: 2.4rem;
line-height: 2.4rem;

vertical-align: bottom;
font-weight: 600;
}
.top-menu div a p:nth-child(2){
display: inline-block;
margin-left:10px;
}
.top-menu div a p:nth-child(2) span{
background-color: #dae5f3;
padding:3px 10px;
font-size: 1.4rem;
line-height: 1.4rem;
border-radius: 20px;
}
.top-menu div a:hover{
color:rgba(34,34,34,0.50);
}
.top-menu div a::before{
  content: "";
  position: absolute;
  top:3px;
  bottom:3px;
  left:3px;
  right:3px;
  border: solid 1px #f2f6fb;/*#e6edf7*/
  border-radius:50px;
  z-index: 1;
}
.top-menu div a::after{
position:absolute;
top:50%;
right:30px;
display:block;
content:'';
width:10px;
height:10px;
margin-top:-7px;
border-top:3px solid #0953ae;
border-right:3px solid #0953ae;
border-radius:3px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
opacity: 0.9;
}

/* ヘッダー 2階層目以降 */
.header{
overflow:hidden;
background-color:#fff;
padding:0;
width: 100%;
height:65px;
text-align: right;
z-index: 1000;
}
.header_logo{
position: absolute;
float:left;
padding:0;
margin:12px 0 12px 9px;
}
.header_logo a img{
height: 40px;
}
ul.menu-pc-01{
float: left;
margin-left: 210px;
}
ul.menu-pc-01 li{
display: inline-block;
}
ul.menu-pc-01 li a{
display: block;
display: table-cell;
vertical-align: middle;
text-decoration: none;
font-weight: 300;
padding: 7px 13px 0 13px;
height: 60px;
color: #222;
font-size:1.3rem;
font-weight: 600;
}
ul.menu-pc-02{
float: right;
}
ul.menu-pc-02 li{
display:table-cell;
}
ul.menu-pc-02 li a{
display:block;
vertical-align: middle;
text-decoration: none;
font-weight: 300;
padding:18px 10px 0 53px;
text-align: center;
background-repeat: no-repeat;
height: 60px;
color: #222;
font-size:1.1rem;
font-weight: 600;
}
ul.menu-pc-02 li.menu-pc_en-jp a{
background-image: url("../img/menu-pc_en-jp.png");
background-position:top 21px center;
}
ul.menu-pc-01 li a:hover,
ul.menu-pc-02 li a:hover{
opacity: 0.6;
}

/* パン屑
--------------------------------*/
.breadcrumb{
padding:0;
background-repeat:repeat-x;
background-position:top left;
background-size:1px 22px;
margin-bottom:10px;
}
.breadcrumb ul{
clear:both;
padding:0 0 0 5px;
}
.breadcrumb li{
position:relative;
display: inline-block;
margin:0 2px;
font-size:1.1rem;
color:#AEAEAE;
padding:3px 18px 0 0;
}
.breadcrumb li:after,
.breadcrumb li.noafter_lst:after{
position:absolute;
top:50%;
right:4px;
display:block;
content:'';
width:4px;
height:4px;
margin-top:-2px;
border-top:1px solid #B7B7D7;
border-right:1px solid #B7B7D7;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
.breadcrumb li.noafter:after{
border-top:0;
border-right:0;
}
.breadcrumb li a{
text-decoration: none;
color: #222;
display:inline-block;
}
.breadcrumb li a:hover{
opacity:0.7;
}

/* 見出し（デフォルト）
--------------------------------*/
.headline{
padding:20px 0 10px 0;
}
.headline h1{
display:inline;
font-size:2.2rem;
max-height:999999px;
line-height:2.6rem;
font-weight:bold;
margin:0 5px;
}
.headline h2,
.headline h3{
display:inline;
font-size:2.2rem;
max-height:999999px;
line-height:2.2rem;
font-weight:bold;
margin:0 5px;
}
/* 見出し（デフォルト） タブ */
.headline-tab{
padding:0;
text-align: center;
color:#222;
}
.headline-tab h1{
padding:50px 0 30px 0;
font-size:3.0rem;
max-height:999999px;
line-height:2.2rem;
}
.headline-tab h1 span{
font-size:80%;
}
.headline-tab h1 a{
text-decoration:none;
color:#222;
background:none!important;
padding:0;
}
.headline-tab h1 a:hover{
opacity:0.6;
}
.headline-tab ul.hdln-tab{
position: relative;
width: 1100px;
margin: 0 auto;
bottom: 0;
text-align: left;
z-index: 1;
}
.headline-tab ul.hdln-tab li{
display: inline-block;
/*width:200px;*/
text-align: center;
font-size:1.1rem;
line-height: 1.4rem;
}
.headline-tab ul.hdln-tab li h2{
position:relative;
z-index:91;
display: block;
background-color: #fff;
border-radius: 5px 5px 0 0;
color: #222;
font-weight: bold;
padding: 12px 0 8px 0;
margin:0 3px;
text-decoration: underline;
text-decoration-color: #0953AE;
text-decoration-thickness: 5px;
text-underline-offset: 6px;
box-shadow: 2px -2px 3px 0 rgba(0,0,0,0.1);
}
.headline-tab ul.hdln-tab li a{
display: block;
background: rgba(9,83,174,0.7);
text-decoration: none;
color: #fff;
border-radius: 5px 5px 0 0;
padding: 8px 5px;
}
.headline-tab ul.hdln-tab li h2 a{
padding: 0;
color: #222;
font-weight:bold;
background:none;
}
.headline-tab ul.hdln-tab li a:hover{
color: #222;
background-color: #fff;
opacity:1;
}
.headline-tab div{
z-index:92;
font-size:1.2rem;
padding:5px 0 4px 0;
background-color: #fff;
text-align: center;
vertical-align: middle;
box-shadow: 0 0 6px 0px rgba(0,0,0,0.1);
}
.headline-tab div a{
position: relative;
display: inline-block;
font-size:1.2rem;
padding:3px 35px 3px 25px;
margin-right: 5px;
color: #222;
text-decoration: none;
background-color:#fff;
border-radius:30px;
}
.headline-tab div a::before{
position:absolute;
top:50%;
right:7px;
display:block;
content:'';
width:5px;
height:5px;
margin-top:-4px;
margin-right:10px;
border-top:2px solid #aaa;
border-right:2px solid #aaa;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
.headline-tab div a:hover{
background-color:#CEDDEF;
}
.headline-tab div p.hdln-tab_ttl{
position: relative;
display: inline-block;
padding:5px 35px 5px 25px;
margin-right: 5px;
color: #222;
font-weight:600;
text-decoration: none;
background-color:#CEDDEF;
border-radius:30px;
}
.headline-tab div p.hdln-tab_ttl::before{
position:absolute;
top:50%;
right:4px;
display:block;
content:'';
width:5px;
height:5px;
margin-top:-6px;
margin-right:10px;
border-bottom:2px solid #777;
border-right:2px solid #777;
border-top:none;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
.headline-tab div p.hdln-tab_ttl a{
padding:0;
background:none;
font-weight:bold;
border-radius:0;
}
/* けみ丸、ふらす娘 */
.tab-kemimaru-furasuko{
background-color: #fff;
background-image: url("../img/tab-01_bk.png");
background-position: top center;
background-repeat: no-repeat;
box-shadow: 0 5px 10px -10px rgba(0,0,0,0.3) inset;
}
.tab-kemimaru-furasuko img{
position: absolute;
width: 280px;
top:60px;
margin-left:300px;
z-index: 2;
}
/* 試薬博士 */
.tab-shiyakuhakase{
background-color: #fff;
background-image: url("../img/tab-01_bk.png");
background-position: top center;
background-repeat: no-repeat;
box-shadow: 0 5px 10px -10px rgba(0,0,0,0.3) inset;
}
.tab-shiyakuhakase img{
position: absolute;
width: 200px;
top:103px;
margin-left:400px;
z-index: 2;
}
.tab-kaishi{
background-color: #0953ae;
background-image: url("../img/tab-01_bk.jpg");
background-position: top center;
background-repeat: no-repeat;
}
.tab-kaishi img{
position: absolute;
width: 280px;
top:90px;
margin-left:300px;
z-index: 2;
}
.tab-recruit{
background-image: url("../img/tab-02_bk.jpg");
}
.tab-recruit img{
position: absolute;
width: 250px;
top:101px;
margin-left:250px;
z-index: 2;
}
.tab-recruit_br{
display:none;
}
/* 見出し（協会のご紹介/Introduction）タブ */
.headline-tab ul.hdln-tab_Introduction{
padding-top:20px;
}
.headline-tab ul.hdln-tab_Introduction li h1{
display: block;
background-color: #fff;
border-radius: 5px 5px 0 0;
color: #222;
padding: 12px 20px;
margin:1px 2px 0 2px;
text-decoration: underline;
text-decoration-color: #0953ae;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
font-size:1.2rem;
max-height:999999px;
line-height:1.8rem;
font-weight:bold;
box-shadow: 2px -2px 3px 0 rgba(0,0,0,0.1);
}
.headline-tab ul.hdln-tab_Introduction li h1 a{
padding: 0;
color: #222;
font-weight:bold;
}
.headline-tab div.tab_Introduction{
margin-top:-5px;
}
.headline_Introduction img,
.headline_Institution img{
width:250px;
}
.headline_Introduction-History img{
}

/* 見出し（試薬とは/About）タブ */
.headline-tab ul{
padding-top:20px;
}
.headline-tab ul.hdln-tab_About li h1{
display: block;
background-color: #fff;
border-radius: 5px 5px 0 0;
color: #222;
padding: 12px 20px;
margin:1px 2px 0 2px;
text-decoration: underline;
text-decoration-color: #0953ae;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
font-size:1.2rem;
max-height:999999px;
line-height:1.8rem;
font-weight:bold;
box-shadow: 2px -2px 3px 0 rgba(0,0,0,0.1);
}
.headline-tab ul.hdln-tab_About li h1 a{
padding: 0;
color: #222;
font-weight:bold;
}
.headline-tab div.tab_About{
margin-top:-5px;
}
.headline_About img{
width:230px;
}
.headline_About-Reagent img{
}

/* 見出し（SDS検索/Sds）タブ */
.headline_Sds img,
.headline_Privacy img{
}
/* 見出し（SDS検索/Sds） */
.sds-ttl{
width:100%;
color:#222;
background-color:#fff;
padding:25px 10px 10px 10px;
margin-top:10px;
text-align:center;
}
.sds-ttl h2{
    font-weight:600;
    font-size:2.0rem;
        display:block;
}

/* 見出し（会員企業一覧/Company）タブ */
.headline-tab ul.tab-kigyo{
margin-top:-20px;
}
.headline-tab ul.tab-kigyo li{
width:80px;
}

/* 見出し（試薬会誌(一般)/Journal）タブ */
.headline_Journal{}
.headline-tab ul.tab-kaishi-general{
margin-top:-20px;
}
/* 見出し（動画視聴/Movie）タブ */
.headline-tab ul.tab-movie{
margin-top:-20px;
}

/* 見出し（お問合せ/Contact） */
.contact-ttl{
width:100%;
color:#222;
background-color:#fff;
padding:25px 10px;
margin-top:10px;
text-align:center;
}


/* コンテンツ
--------------------------------*/
section.content,
div.content{
clear:both;
padding:30px;
overflow:hidden;
background-color:#FFF;
}
section.no-bk,
div.no-bk{
background-color:transparent;
}
section.no-bk-pdng,
div.no-bk-pdng{
padding:0;
margin:0 -2px;
}
p.br2 {
padding-bottom: 1.4rem!important;
}
section.content ul,
div.content ul{
margin:5px 10px;
}
section.content li,
div.content li{
padding:5px 0;
}
section.content h2,
section.content h3{
display:block;
padding:0;
margin:5px 2px 14px 0;
font-size:1.9rem;
font-weight:bold;
}
section.content h4{
display:block;
padding:0;
margin:5px 2px 14px 0;
font-size:1.9rem;
font-weight:bold;
color: #0953ae;
}
section.content h5{
font-size:1.9rem;
font-weight: bold;
padding-top: 15px;
color: #0953ae;
}
section.content h2.ttl-S{
font-size:1.7rem;
margin:10px 2px 10px 0;
}
section.content h3.ttl-S-blu_6-6{/* 6列6行-青 */
font-size: 1.7rem;
padding-left:23px;
background-repeat:no-repeat;
background-size:15px;
background-position:top 50% left 0;
background-image:url("../img/LST-blu_6-6.png");
}
section.content h4.ttl-S-blu_2-4{/* 2列4行-青 */
font-size: 1.5rem;
font-weight:bold;
padding-left:35px;
margin-bottom:5px;
background-repeat:no-repeat;
background-size:15px;
background-position:top 50% left 20px;
background-image:url("../img/LST-blu_2-4.png");
}
section.content h4.ttl-blk,
section.content h5.ttl-blk{
    color:#222;
}


/* 戻る */
p.btn-home,
p.btn-back{
position: relative;
font-size:1.4rem;
text-align: center;
display: block;
margin: 18px 0 30px 0;
}
p.btn-home a,
p.btn-back a{
margin:0 auto;
display:block;
width: 80px;
height: 21px;
color:#3873bc;
text-decoration: none;
box-sizing: border-box;
}
p.btn-home a:hover,
p.btn-back a:hover{
opacity:0.6;
}
p.btn-home{
float: left;
padding-left: 8px;
}
p.btn-home a::before{
position:absolute;
top:50%;
left:10px;
display:block;
content:'';
width:6px;
height:6px;
margin-top:-4px;
border-bottom:3px solid #3873bc;
border-left:3px solid #3873bc;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
p.btn-back{
float: right;
}
p.btn-back a::after{
position:absolute;
top:50%;
right:10px;
display:block;
content:'';
width:6px;
height:6px;
margin-top:-4px;
border-top:3px solid #3873bc;
border-right:3px solid #3873bc;
border-radius:3px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}

/* トップページ：新着情報、通知文書、会員へのお知らせ */
.btm_sds-srch{/* SDS検索ボタン直下 */
padding-top: 30px;
border-bottom: solid 1px #dcdcdc;
}
section.ctn_info{
padding:40px 20px;
display: flex;
align-items: center;
}
.ctn_info-1{
width:200px;
text-align: center;
}
.ctn_info-1 h2{
font-size:2.2rem;
font-weight:600;
color:#333;
}
.ctn_info-1 p{
width: 90px;
margin: 0 auto;
}
.ctn_info-1 p a{
display: block;
border-radius: 18px;
margin-top: 8px;
font-size: 1.2rem;
line-height: 1.6rem;
color: #333;
text-decoration: none;
}
.ctn_info-1_gnrl{/* 新着情報 */
background:rgba(255,255,255,0.7);
}
.ctn_info-1_gnrl p a{/* 一覧ボタン：新着情報 */
border: solid 2px #b1b1b1;
}
.ctn_info-1_mmbr p a{/* 一覧ボタン：通知文書、会員へのお知らせ */
border: solid 2px #ffe826;
}
.ctn_info-1 p a:hover{
opacity:0.7;
}
.ctn_info-2{
display: inline;
}
section.ctn_info ul{
position: relative;
}
section.ctn_info li{
list-style-type:none;
padding:10px 3px;
border-bottom: dotted 1px #999;
width: 900px;
}
section.ctn_info li:last-child{
border: none;
}
section.ctn_info li a{
position:relative;
color:#222;
text-decoration: none;
}
section.ctn_info li a:hover{
opacity:0.7;
}
section.ctn_info li a p{
display: inline-block;
}
section.ctn_info li a p.info span{
    background-color:#e5ebf4;
	border-radius:10px;
    display:inline;
    padding:2px 10px;
}
.date{
font-size:1.2rem;
width:130px;
vertical-align:top;
}
.info{
width:700px;
font-size: 1.44rem;
line-height: 2.1rem;
overflow-wrap: break-word;
}
.info span{
display: block;
font-size: 1.2rem;
padding-top: 4px;
}
.new{
position: absolute;
display:block;
margin:-20px 0 0 80px;
padding:1px 6px 0 6px;
font-size:0.9rem;
font-weight:bold;
line-height:0.9rem;
border:1px solid #E30;
border-radius: 10px;
color:#E30;
}
/* トップページ：コンテンツ背景 */
div.ctn_top{
background-image:url(../img/top-member_bk.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: 180%;
}
/* トップページ：一般：会誌 */
section.ctn_top-general{
background:rgba(255,255,255,0.6);
padding:30px 20px 0 20px;
}
section.ctn_top-general ul{
    vertical-align:bottom;
}
section.ctn_top-general ul li{
display:inline-block;
width: 49%;
margin:0;
padding-bottom:10px;
vertical-align:top;
}
section.ctn_top-general ul li h3{
align-items: center;
padding:20px 19px 20px 21px;
margin:0 0 10px 0;
font-size:1.8rem;
background-image:url("../img/ctn_top-general_h3.png");
background-repeat: no-repeat;
background-position: bottom 0 left 22px;
}
section.ctn_top-general ul li:first-child{
line-height:0;
padding-bottom:0;
text-align:center;
}
section.ctn_top-general ul li:first-child img{
width:500px;
height:184px;
object-position:center top;
object-fit: cover;
box-shadow:2px 0 4px rgba(0,0,0,.1);
}
section.ctn_top-general p{
display:inline-block;
background-image:url("../img/list_01.png");
background-repeat: no-repeat;
background-position:top 2px left;
margin: 5px 15px 5px 22px;
padding-left: 17px;
line-height: 2.0rem;
}
section.ctn_top-general p a{
color: #222;
text-decoration: none;
padding: 2px 0;
}
section.ctn_top-general p a span.updated{
display:inline-block;
padding:0 5px;
font-size:0.90rem;
font-weight:bold;
line-height:1.2rem;
border:1px solid #E30;
border-radius: 10px;
color:#E30;
vertical-align: middle;
}
section.ctn_top-general p a:hover{
opacity:0.7;
}
/* トップページ：会員：会誌、会員各社、GHS、JIS規格、各種届出 */
section.ctn_top-member{
background:rgba(219,219,219,0.6);
padding:40px 20px;
}
section.ctn_top-member ul{
display: flex;
}
section.ctn_top-member ul li{
width: 19%;
margin:0 1% 0 0;
padding-bottom: 15px;
list-style-type:none;
background: #fff;
border-radius: 10px;
}
section.ctn_top-member ul li:last-child{
margin-right: 0;
}
section.ctn_top-member ul li h3{
height: 90px;
display: flex;
align-items: center;
padding:0 19px 6px 21px;
margin:auto 0;
font-size:1.8rem;
background-image:url("../img/ctn_top-member_h3.png");
background-repeat: no-repeat;
background-position: bottom 12px left 22px;
}
section.ctn_top-member p{
background-image:url("../img/list_01.png");
background-repeat: no-repeat;
background-position:top 2px left;
margin: 9px 15px 9px 22px;
padding-left: 17px;
line-height: 2.0rem;
}
section.ctn_top-member p a{
color: #222;
text-decoration: none;
padding: 2px 0;
}
section.ctn_top-member p a span.updated{
display:inline-block;
padding:0 5px;
font-size:0.90rem;
font-weight:bold;
line-height:1.2rem;
border:1px solid #E30;
border-radius: 10px;
color:#E30;
vertical-align: middle;
}

section.ctn_top-member p a:hover{
opacity:0.7;
}
/* トップページ：google検索 */
section.ctn_google-search{
padding:25px 0;
text-align: center;
background:rgba(202,202,202,0.8);
}
/* トップページ：法人会員制度、試薬の日 */
section.ctn_houjinkaiin-shiyakunohi{
padding:28px 0;
background:rgba(233,233,233,0.7);
}
section.ctn_houjinkaiin-shiyakunohi ul{
text-align: center;
margin: 0;
}
section.ctn_houjinkaiin-shiyakunohi ul li{
display:inline-block;
width: 42%;
text-align: left;
vertical-align: top;
}
section.ctn_houjinkaiin-shiyakunohi ul li:first-child{
margin-right: 5%;
}
section.ctn_houjinkaiin-shiyakunohi ul li h3{
padding:12px 0;
font-size: 1.6rem;
font-weight: 600;
}
/* トップページ：バナー：学ぼう！試薬 */
section.ctn_bnr-manabou{
text-align: center;
border-top:solid 5px #fff;
border-bottom:solid 5px #fff;
box-shadow: 0 3px 5px 0px rgba(0,0,0,0.2);
background-color:#fff;
background-image:url(../img/bnr-manabou_BK.jpg); 
background-position:50%;
background-repeat:no-repeat;
background-size:2000px;
}
section.ctn_bnr-manabou a{
display: block;
width: 100%;
height: 220px;
padding:5px 0;
}
section.ctn_bnr-manabou a p:first-child{
display: block;
margin-top: 30px;
}
section.ctn_bnr-manabou a p:nth-child(2){
position:absolute;
width:1200px;
text-align: center;
margin-top:-100px;
}
section.ctn_bnr-manabou a p:nth-child(2) img:first-child{/* 博士、ケミミ */
margin-right:210px;
}
section.ctn_bnr-manabou a p:nth-child(2) img:last-child{/* ふらす娘、ケミ丸 */
margin-left:210px;
margin-right:20px;
}
section.ctn_bnr-manabou a p:last-child{
display: block;
margin-bottom: 40px;
}
section.ctn_bnr-manabou a:hover{
opacity: 0.7;
}
section.ctn_bnr-manabou a img{
opacity: 1;
}


/* 2ページ目のインデックス：デフォルト */
ul.IndexLST{
margin:0!important;
padding:0;
width:100%;
   	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
ul.IndexLST li{
position:relative;
display:inline-block;
	margin:0 0 10px 0;
    font-size:1.6rem;
	text-align:left;
    border-radius:10px;
	background-color:#fff;
box-shadow: 0 0 3px #ccc;
background-repeat:no-repeat;
background-size:15px;
background-position:top 50% left 13px;
}
ul.IndexLST li a{
display:block;
width:100%;
padding:10px 30px 10px 35px;
color: #222;
text-decoration: none;
}
ul.IndexLST li a::after{
position:absolute;
top:50%;
right:18px;
display:block;
content:'';
width:15px;
height:15px;
margin-top:-9px;
border-top:3px solid #ccc;
border-right:3px solid #ccc;
border-radius:3px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
ul.IndexLST li a:hover{
opacity:0.6;
}
/* 2ページ目のインデックス：デフォルト・1列 */
ul.LST-1 li{
width:100%;
display: flex;
align-items: center;
background-position:top 20px left 13px;
}
ul.LST-1 li a{
padding:15px 30px 15px 35px;
}
/* 2ページ目のインデックス：デフォルト・1列・リンク無し */
ul.LST-1_no-link li{
width:100%;
display: flex;
align-items: center;
background-position:top 20px left 13px;
padding:15px 30px 15px 35px;
}
/* 2ページ目のインデックス：デフォルト・2列 */
ul.LST-2 li{
width:49%;
margin-right:1%;
display: flex;
align-items: center;
}
ul.LST-2 li:nth-of-type(2n){
margin-right:0;
}
/* 2ページ目のインデックス：デフォルト・3列 */
ul.LST-3 li{
width:32%;
margin-right:1%;
display: flex;
align-items: center;
}
ul.LST-3 li:nth-of-type(3n){
margin-right:0;
}

/* 2ページ目のインデックス：デフォルト・2列4行-青 */
ul.LST-blu_2-4 li{
background-image:url("../img/LST-blu_2-4.png");
}
/* 2ページ目のインデックス：デフォルト・3列4行-青 */
ul.LST-blu_3-4 li{
background-image:url("../img/LST-blu_3-4.png");
}
/* 2ページ目のインデックス：デフォルト・6列6行-青 */
ul.LST-blu_6-6 li{
background-image:url("../img/LST-blu_6-6.png");
}
/* 2ページ目のインデックス：デフォルト・3列4行-水色 */
ul.LST-mizu_3-4 li{
background-image:url("../img/LST-mizu_3-4.png");
}
/* 2ページ目のインデックス：デフォルト・2列4行-オレンジ */
ul.LST-org_2-4 li{
background-image:url("../img/LST-org_2-4.png");
}
/* 2ページ目のインデックス：デフォルト・3列4行-オレンジ */
ul.LST-org_3-4 li{
background-image:url("../img/LST-org_3-4.png");
}
/* 2ページ目のインデックス：デフォルト・6列6行-オレンジ */
ul.LST-org_6-6 li{
background-image:url("../img/LST-org_6-6.png");
}
/* 2ページ目のインデックス：デフォルト・pdf */
span.LST-pdf{
    background-color:#fff;
    border:solid 1px #f44c4c;
    border-radius:15px;
    font-size:1.0rem;
    font-weight:bold;
    color:#f44c4c;
    margin-left:5px;
    padding:1px 8px 0 8px;
}
/* 2ページ目のインデックス：デフォルト・xls */
span.LST-xls{
    background-color:#fff;
    border:solid 1px #2da76a;
    border-radius:10px;
    font-size:1.0rem;
    font-weight:bold;
    color:#2da76a;
    margin-left:5px;
    padding:1px 8px 0 8px;
}

/* 2ページ目のインデックス：新着情報(NEW)、通知文書(NEW)、会員へのお知らせ(NEW)、情報コーナー */
ul.info li{
background-repeat:no-repeat;
background-size:15px;
background-position:top 20px left 20px;
background-image:url("../img/LST-blu_6-6.png");
}
ul.info li a{
padding-left:20px;
}
ul.info li a p.date{
font-size:1.4rem;
display:inline-block;
font-weight:bold;
color:#5254bd;
padding-left:22px;
padding-top:4px;
}
ul.info li a p.date span.new{
display:inline-block;
padding:1px 6px 0 6px;
font-size:0.9rem;
margin:3px 0 0 5px;
}

ul.info li a p.info{
display:block;
width:100%;
padding:8px 0 3px 0;
}
ul.info li a p.info span{
        display: inline-block!important;
        font-weight: bold;
        font-size: 1.4rem;
        color: #f03;
}
ul.info li a p.joho{
    font-size:1.4rem;
    display:inline-block;
    color:#5254bd;
    font-weight:bold;
    padding-top:4px;
    padding-left:25px;
}
ul.info li a p.joho2{
       font-size:1.4rem;
display:inline-block;
color:#5254bd;
font-weight:bold;
padding-top:4px;
padding-left:7px;
}

/* 各ページ：動画視聴/Movie、学ぼう！試薬/Movie/Manabou */
p.Movie-txt{
padding:0 100px 30px 15px;
text-align:center;
font-size:1.6rem;
}
ul.MovieLST{
margin:0;
padding:0;
width:100%;
   	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
ul.MovieLST li{
position:relative;
display:inline-block;
text-align:center;
margin:0 1% 1% 0;
padding:0;
line-height:2.3rem;
border-radius:10px;
background-color:#fff;
box-shadow: 0 0 3px #ccc;
}
ul.MovieLST li a{
display:block;
width:100%;
padding:0;
margin:0;
color: #222;
text-decoration: none;
}
ul.MovieLST li a h3{
padding:10px 15px 0 15px;
font-size:1.8rem;
}
ul.MovieLST li a h3 span{
font-size:1.6rem;
}
ul.MovieLST li a span.new{
position:absolute;
display:block;
right:15px;
top:30px;
}
ul.MovieLST li a img{
border-radius:0 0 10px 10px;
margin-bottom:-6px;
}
ul.MovieLST li a:hover{
opacity:0.6;
}
ul.LST-chara{
    width:100%;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.LST-chara li{
    display:inline-block;
    background-color:#fff;
    border-radius:10px;
    width:48.5%;
    margin:5px 0.5%;
text-align:center;
}
ul.LST-chara li ul.movie-chara{
    width:100%;
list-style-type:none;
}
ul.LST-chara li ul.movie-chara li{
border:none;
display:inline-block;
list-style-type:none!important;
vertical-align:middle;
}
ul.LST-chara li ul.movie-chara li:first-child{
width:28%;
text-align:right;
}
ul.LST-chara li ul.movie-chara li:nth-child(2){
 width:50%;
 word-break: break-all;
 }
ul.LST-chara li ul.movie-chara li h4{
    border:none;
    padding:0;
    margin:15px 0;
    font-size:3.2rem;
    font-weight:bold;
    padding-bottom:2px;
}
ul.LST-chara li ul.movie-chara li h4 span{
font-size:1.4rem;
display:block;
    font-weight:bold;
    padding-bottom:8px;
}

/* 各ページ：試薬会誌 最新号/Journal/_202501、バックナンバー/Journal */
ul.JournalLST{
margin:0!important;
padding:0;
width:100%;
   	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
ul.JournalLST li{
position:relative;
display:inline-block;
width:32.5%;
margin:0 1% 10px 0;
text-align:left;
border-radius:10px;
background-color:#fff;
box-shadow: 0 0 3px #ccc;
}
ul.JournalLST li:nth-of-type(3n){
margin-right:0!important;
}
ul.JournalLST li a{
display:block;
width:100%;
padding:10px 30px 10px 35px;
color: #222;
text-decoration: none;
}
ul.JournalLST li ul{
	margin:0;
	padding:0;
}
ul.JournalLST li ul li{
	width:100%;	
	margin:0;
	background-color:none;
	border:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	box-shadow:none;
}
ul.JournalLST li ul li:first-child{
padding:5px 0 0 35px!important;
background-repeat:no-repeat;
background-size:15px;
background-position:top 50% left 13px;
background-image:url("../img/LST-blu_6-6.png");
}
ul.JournalLST li ul li:first-child h3{
padding:5px 0 0 0;
font-size:1.6rem;
line-height:2.0rem;
}
ul.JournalLST li ul li a{
	position:relative;
	display:block;
	padding:15px 18px 5px 15px;
	border-top:solid 1px #E3E3E3;
	background-color:#fff;
}
ul.JournalLST li ul li a::after{
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	content:'';
	width:12px;
	height:12px;
	margin-top:-4px;
	border-top:3px solid #D8D8D8;
	border-right:3px solid #D8D8D8;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
    border-radius:3px;
}
ul.JournalLST li ul li a:hover{
opacity:0.6;
}
.hdln-kaishi{
    margin-top:-10px;
padding-top:0!important;
padding-bottom:15px!important;
line-height:2.4rem;
}
.hdln-kaishi h3 span{
    font-size:1.4rem;
    font-weight:bold;
    line-height:1.4rem;
    display:block;
    padding-bottom:7px;
}
.img_kaishi{
	line-height:1.5rem;
	padding-bottom:7px;
    font-size:90%;
}
.img_kaishi-yoko{
    display:inline-block;
    margin-right:3px;
    margin-left:3px;
}
h4.jrnl-koenkai{/* 講演会 /Koenkai */
    color:#222!important;
    font-size:1.6rem!important;
}
div.jrnl-koenkai_waku{
	padding:0 30px;
}
div.jrnl-koenkai_waku span{
    display:inline-block;
background-color:#b9cee8;
    padding:3px 10px;
	margin:0 5px 0 -12px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	font-size:1.2rem;
	font-weight:bold;
    line-height:1.2rem;
}
ul.jrnl-ConferenceAndLecture-index li{/* 学会・講演会のご案内 /ConferenceAndLecture */
font-size:1.4rem;
line-height:1.8rem;
background-position:top 20px left 13px;
align-items: stretch;
}
ul.jrnl-ConferenceAndLecture-index li a p:first-child{
    font-weight:bold;
    color:#252773;
    padding:4px 0 5px 0;
}
ul.jrnl-ConferenceAndLecture-index li a p:nth-child(n+2){
    font-weight:bold;
    font-size:1.5rem;
    padding-bottom:5px;
}
ul.jrnl-ConferenceAndLecture-index li a span{
        font-weight:nomal;
}
.ctn_jrnl-Announcement h4{/* 協会からのお知らせ /Announcement */
    color:#222!important;
    font-size:1.6rem!important;
}
.ctn_jrnl-Announcement h5{
    color:#222!important;
    font-size:1.4rem!important;
    margin:0!important;
    padding:0!important;
}

/* 各ページ：試薬の特徴：/About/Reagent2 */
p.reagent2_btn{
display:block;
margin:20px auto 25px auto;
text-align:center;
}
p.reagent2_btn a{
position:relative;
padding:15px 45px 15px 30px;
background-color:#3470b9;
color:#fff;
border-radius:30px;
text-decoration:none;
}
p.reagent2_btn a::after{
position:absolute;
top:50%;
right:18px;
display:block;
content:'';
width:10px;
height:10px;
margin-top:-7px;
border-top:3px solid #fff;
border-right:3px solid #fff;
border-radius:2px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
p.reagent2_btn a:hover {
opacity: 0.7;
}
p.reagent2_erl{
    text-align:center;
    padding-top:10px;
}
p.reagent2_erl span{
    display:inline-block;
    padding-right:15px;
}

/* 各ページ：試薬の分類：/About/Reagent3 */
p.reagent3_shiyakuhakase_PC{
display:block;
margin-top:-10px;
text-align:center;
}
p.reagent3_shiyakuhakase_SP{
display:none;
text-align:center;
}



/* 各ページ：シンボルマーク選定基準：/About/SymbolMark */
p.SymbolMark_thumbnail{
line-height:1.4rem;
margin:13px 0;
}
span.SymbolMark-kiken,
span.SymbolMark-kenkou,
span.SymbolMark-kankyou{
	padding:0 5px;
	width: 160px;
	list-style:none;
	border-bottom:0;
	display:inline-block;
	border-radius:3px;
    text-align:center;
}
span.SymbolMark-kiken{ /* 危険性 */
background-color:#F0442F;
color:#fff;
font-size:1.2rem;
}
span.SymbolMark-kenkou{ /* 健康有害性 */
background-color:#FFEC42;
font-size:1.2rem;
}
span.SymbolMark-kankyou{ /* 環境有害性 */
background-color:#ADE9F8;
font-size:1.2rem;
}

/* 各ページ：会員募集のご案内：/Home/Institution */
ul.home-inst_info-lst{
list-style-type:none;
width:100%;
}
ul.home-inst_info-lst li{
  display:inline;
  text-align:center;
}
ul.home-inst_info-lst li a{
display:inline-block;
/*width:130px;*/
padding:0 20px;
margin:10px 8px 0 -5px;
background-color:#3470b9;
color:#fff;
border-radius:20px;
text-decoration:none;
}
ul.home-inst_info-lst li a:hover {
opacity: 0.7;
}
section.home-inst_bk-1{
background-color:transparent;
}
ul.home-inst_img-lst{
    width:100%;
    text-align:center;
}
ul.home-inst_img-lst li{
   display:inline-block;
   width:31%;
   padding:0;
   margin:0 1% 2% 0!important;
   border-radius:15px;
   background-color:#fff;
}
ul.home-inst_img-lst li:last-child{
margin-top:-30px;
}
ul.home-inst_img-lst li p{
    margin-top:-5px;
    font-size:1.1rem;
    vertical-align:middle;
}
ul.home-inst_img-lst li img{
    border-top-right-radius:15px;
    border-top-left-radius:15px;
}
ul.home-inst_img-lst li:last-child{
    margin-right:0;
}
section.home-inst_bk-2{/* 目的、入会対象 */
background-color:transparent;
text-align:center;
   width:42%;
   margin:0 auto;
}
ul.home-inst_mokuteki li{
   text-align:left;
   font-size:1.6rem;
   margin:0 auto;
   margin-bottom:1%;
   padding:15px 15px 15px 60px;
   border-radius:30px;
   background-color:#fff;
   background-repeat:no-repeat;
   background-position:top 50% left 20px;
}
ul.home-inst_mokuteki li:first-child{
    background-image:url("../img/home-inst_mokuteki-1.png");
}
ul.home-inst_mokuteki li:nth-child(2){
    background-image:url("../img/home-inst_mokuteki-2.png");
}
ul.home-inst_mokuteki li:nth-child(3){
    background-image:url("../img/home-inst_mokuteki-3.png");
}
ul.home-inst_taisho{
    border-radius:15px;
    background-color:#fff;
}
ul.home-inst_taisho li:first-child{
       font-size:1.6rem;
       padding-top:15px;
}
ul.home-inst_taisho li:first-child h4{
       color:#222;
       font-weight:100;
}
ul.home-inst_taisho li:nth-child(2){
    font-size:1.5rem;
    margin-top:-10px;
    text-align:left;
    padding:0 20px;
}
ul.home-inst_taisho li:nth-child(3){
    font-size:1.5rem;
    text-align:left;
    padding:0 0 20px 20px;
}
section.home-inst_bk-3{/* 会員サービス、お問合せはこちら */
background-color:transparent;
text-align:center;
margin:0 auto;
}
ul.home-inst_service-LST{
list-style-type:none;
width:100%;
   	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
ul.home-inst_service-LST li{
    font-size:1.5rem;
  display:inline-block;
  text-align:center;
width:49%;
padding:15px;
margin:0 1% 0.7% 0;
background-color:#fff;
border-radius:30px;
text-decoration:none;
}
ul.home-inst_otoiawase li{
    display:inline;
    vertical-align:middle;
    margin:0 10px;
}
ul.home-inst_otoiawase li:nth-child(2) a{
     display:inline-block;
   background-color:#134582;
    color:#fff;
    text-decoration:none;
    border-radius:40px;
    padding:20px 80px;
    font-size:1.8rem;
}
ul.home-inst_otoiawase li a:hover{
    opacity:0.7;
}

/* 各ページ：会員企業一覧：/Company */
ul.company-index li{
	background-position:top 25px left 13px;
}
ul.company-index li h3{
    font-size:1.8rem;
    line-height:2.2rem;
}
ul.company-index li p{
    margin-top:-5px;
}
h3.company-dtl_ttl{
    font-size:2.6rem!important;
    line-height:3.0rem!important;
    font-weight:normal!important;
    text-align:center;
}
h3.company-dtl_ttl span{
    display:block;
    font-size:70%;
}

/* リスト1 */
ul.list_1,
ul.list_1-1{
list-style-type:none;
width:100%;
padding-left:9px;
}
ul.list_1 li,
ul.list_1-1 li{
padding:2px 28px 0 0;
list-style-image:url(../img/list_1.png);
list-style-position:outside;
}
ul.list_1 li{
float:left;
}
ul.list_1 li a{
display:inline-block;
}
/* リスト1-1 */
ul.list_1-1 li{
}
ul.list_1-1 li a{
display:block;
}

/* リスト2 */
ul.list_2{
clear:both;
list-style-type:none;
width:100%;
padding-bottom:5px;
}
ul.list_2 li{
float:left;
padding:2px 20px 8px 0;
list-style-image:url(../img/list_2.png);
}
ul.list_2 li a{
display:inline-block;
}

/* リスト3 */
ul.list_3{
clear:both;
}
ul.list_3 li{
float:left;
list-style-type:none;
padding:5px 15px;
margin:0 5px 5px 0;
background-image:url(../img/btn_more.png);
background-repeat:no-repeat;
background-position:5px 12px;
background-color:#D7746F;

}
ul.list_3 li a{
color:#fff;
display:block;
}
ul.list_3 li a:hover{
color:#EBBAB7;
}

/* リスト4（数字） */
ul.list_4 li{
list-style-type:decimal;
list-style-position:outside;
margin-left:1.5rem;
padding-left: 0.5rem;
padding-top:1.0rem;
margin-top: -0.9rem;
}
.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 1px;
}

.alignright{
float:right;
clear:right;
margin:3px 1px 10px 10px;
}

/* リスト5（・） */
ul.list_5{
padding-left:15px;
}
ul.list_5 li{
list-style-type:circle;
list-style-position:outside;
}

/* リスト6 */
ul.list_6{
list-style-type:none;
width:100%;
padding-left:15px;
}
ul.list_6 li{
padding:5px 20px 10px 0;
list-style-image:url(../img/list_6.png);
list-style-position:outside;
}
ul.list_6 li a{
display:inline-block;
}

/* リスト（写真） */
ul.LST-pht{
padding-left:0;
}
ul.LST-pht li{
width: 31%;
margin:5px 1% 5px 0;
list-style:none;
display:inline-block;
}
ul.LST-pht li img{
width: 100%;
}
.LST-phtTXT{
margin: 0;
padding: 0 1px;
font-size: 1.3rem;
line-height: 1.3rem;
max-height:999999px;
}

/* ボタン：PDF Excel Word PowerPoint */
p.PDF{
margin: 8px 0;
padding:5px 5px 3px 5px;
background-image:url(../img/pdf.png);
background-repeat:no-repeat;
background-position:top left;
border-left:none;
padding-left:35px;
}
p.xls{
padding:2px 5px 0 5px;
background-image:url(../img/xls.png);
background-repeat:no-repeat;
background-position:top left;
border-left:none;
padding-left:35px;
}
p.ppt{
padding:2px 5px 0 5px;
background-image:url(../img/ppt.png);
background-repeat:no-repeat;
background-position:top left;
border-left:none;
padding-left:35px;
}
p.doc{
padding:2px 5px 0 5px;
background-image:url(../img/ppt.png);
background-repeat:no-repeat;
background-position:top left;
border-left:none;
padding-left:35px;
}


/* テーブル
--------------------------------*/
.tbl_right{
	text-align:right;
}
.tbl_left{
	text-align:left;
}
.tbl_center{
	text-align:center;
    vertical-align:middle!important;
}
/* シンボルマーク選定基準/About/symbolmark */
/* SDS検索 結果/Sds/SearchResult */
.display,
.display_01,
.display-0,
.display_jnl-CA{
display:none!important;
}
table.tbl_td80 th{
    width:80px;
}
table.tbl_td-hlf td{
    width:50%;
}
td.tbl_td-nowrap-PC{
white-space: nowrap;
}

/* テーブル */
table.tbl{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom:20px;
}
table.tbl th,
table.tbl td{
	padding:8px;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tbl th{
	background:#F6F6F6;
	vertical-align:top;
	white-space:nowrap;
	padding:10px 15px;
}
table.tbl td{
	vertical-align:middle;
   	background:#fff;
}

/* テーブル0 */
table.tbl_0{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom:20px;
	text-align:center;
}
table.tbl_0 tbody tr{
cursor:pointer;
background-color:#fff;
}
table.tbl_0 tbody tr:hover{
	background:#ededed;
}
table.tbl_0 th,
table.tbl_0 td{
	padding:15px 8px;
	border-top:3px solid #f3f3f3;
	border-bottom:3px solid #f3f3f3;
 border-left:dotted 1px #E4E4E4;
	display: table-cell;
	vertical-align: middle;
}
table.tbl_0 th:first-child,
table.tbl_0 td:first-child{
border-left:none;
}
table.tbl_0 thead th,
table.tbl_0 thead td{
	background:#E4E4E4;
	vertical-align:top;
	white-space:nowrap;
	padding:10px 15px;
	font-weight:bold;
 border-left:dotted 1px #D2D2D2;
 }
table.tbl_0 thead th:first-child,
table.tbl_0 thead td:first-child{
    border-top-left-radius:10px;
    border-left:none;
}
table.tbl_0 thead th:last-child{
    border-top-right-radius:10px;
}
table.tbl_0 tbody th p{
	font-weight:bold;
}
p.sdsNM{
}
p.sdsNMen{
font-size:1.2rem;
padding-bottom:5px;
}

/* テーブル1 */
table.tbl_1{
	border-collapse:collapse;
	width:100%;
	margin:0 auto;
}

table.tbl_1 th,table.tbl_1 td{
	padding:5px;
	border:1px solid #D6D6D6;
    	background:#fff;
}

table.tbl_1 th{
	font-weight:bold;
	letter-spacing:1px;
	white-space:nowrap;
	background:#F6F6F6;
}

/* テーブル2 */
table.tbl_2{
	border-collapse:collapse;
	width:100%;
	margin:0 auto;
}
table.tbl_2 th,table.tbl_2 td{
	padding:5px;
	border:1px solid #D6D6D6;
}

table.tbl_2 th{
	letter-spacing:1px;
	white-space:nowrap;
	background:#DDEFDA;
}

/* テーブル1_2 */
table.tbl_1_2{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom:20px;
}
table.tbl_1_2 th, table.tbl_1_2 td{
	padding:8px;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	vertical-align:middle;
   	background:#fff;
}
table.tbl_1_2 th{
	background:#F6F6F6;
	vertical-align:top;
}

/* テーブル内 No  /About/ */
p.about-tbl-no{
padding:5px 0;
margin-left:20px;
line-height:1.8rem;
}
p.no1::before,
p.no2::before,
p.no3::before,
p.no4::before,
p.no5::before,
p.no6::before,
p.no7::before,
p.no8::before,
p.no9::before,
p.no10::before,
p.no11::before,
p.no12::before,
p.no13::before,
p.no14::before{
margin-left:-20px;
}
p.no1::before{
content: "１ ";
}
p.no2::before{
content: "２ ";
}
p.no3::before{
content: "３ ";
}
p.no4::before{
content: "４ ";
}
p.no5::before{
content: "５ ";
}
p.no6::before{
content: "６ ";
}
p.no7::before{
content: "７ ";
}
p.no8::before{
content: "８ ";
}
p.no9::before{
content: "９ ";
}
p.no10::before{
content: "10";
}
p.no11::before{
content: "11";
}
p.no12::before{
content: "12";
}
p.no13::before{
content: "13";
}
p.no14::before{
content: "14";
}

/* テーブル 協会の歴史 */
table.tbl_history{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom:20px;
}
table.tbl_history th,
table.tbl_history td{
	padding:10px;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tbl_history th{
	vertical-align:top;
	white-space:nowrap;
	padding:10px 15px;
	font-weight:bold;
    text-align:center;
    line-height:2.2rem;
}
table.tbl_history th span{
    display:block;
    font-size:82%;
}
table.tbl_history td.higashi{
	background-color:#E9F6F8;
}
table.tbl_history td.nishi{
	background-color:#FEFCE6;
}
table.tbl_history td.hnALL{
	background-color:#F3F5FC;
}
table.tbl_history td.hnALL p.history-line{
    margin-left:70px;
    margin-top:-4px;
    line-height:1.8rem;
}
.mo_higashi, .mo_nishi, .mo_ALL{
	padding:0 15px;
	margin-right:5px;
	text-align:center;
	border-radius:10px;        /* CSS3草案 */  
    -webkit-border-radius:10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:10px;   /* Firefox用 */ 
}
.mo_higashiTTL, .mo_nishiTTL{
	padding:3px 20px;
	margin-right:5px;
	text-align:center;
	font-weight:bold;
	border-radius:2px;        /* CSS3草案 */  
    -webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:2px;   /* Firefox用 */ 
}
.mo_higashi, .ttl_higashi, .mo_higashiTTL{
	background-color:#0D8EA6;
	color:#FFF;
}
.mo_nishi, .ttl_nishi, .mo_nishiTTL{
	background-color:#F4E206;
}
.mo_ALL{
	background-color:#395CA4;
	color:#FFF;
}
.mo{
	padding:0 10px;
}
.mo-none{
    width:60px;
    display:inline-block;
}
.moTTL{
	padding:0 10px;
	border-radius:2px;        /* CSS3草案 */  
    -webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:2px;   /* Firefox用 */ 
}
/* テーブル 試薬会誌　協会からのお知らせ */
table.tbl_jrnl-Announcement tr th,
table.tbl_jrnl-Announcement tr td{
padding:5px 20px;
margin:0;
line-height:2.2rem;
}

/* フッター
--------------------------------*/
footer{
clear:both;
padding:0;
overflow:hidden;
}
/* フッター メニュー */
footer .ftr_menu{
background-color:#ededed;
padding:0;
text-align:center;
}
footer .ftr_menu-line{
border-bottom: solid 1px #dcdcdc;
}
footer .ftr_menu ul{
padding:15px;
}
footer .ftr_menu ul li{
padding:5px 5px 5px 24px;
margin:0 5px 0 0;
list-style:none;
border-bottom:0;
display:inline-block;
}
footer .ftr_menu ul li a{
color: #222;
text-decoration: none;
font-size:1.3rem;
line-height:1.3rem;
}
footer .ftr_menu ul li a:hover{
opacity:0.7;
}
/* フッター アドレス */
footer .ftr_address{
text-align:center;
padding:20px 5px;
font-size:1.3rem;
background-color:#fff;
border-bottom: solid 1px #e9e9e9;
}
footer .ftr_address span:first-child{
font-weight: 600;
}
footer .ftr_address span{
display: inline-block;
padding-left: 20px;
}
/* フッター © */
footer .ftr_copy{
text-align:center;
padding:12px 5px;
font-size:1.0rem;
background-color:#fff;
font-family: Verdana, "Droid Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ページトップ
--------------------------------*/
#pageTop a{
background:#ccc;
padding:20px;
position:fixed;
bottom:20px;
right:20px;
border-radius:4px;
}
#pageTop a::after{
position:absolute;
top:50%;
right:13px;
display:block;
content:'';
width:10px;
height:10px;
margin-top:-6px;
border-top:4px solid #fff;
border-left:4px solid #fff;
border-radius:4px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
#pageTop a:hover{
opacity:0.7;
}


/*===============================================
  PC用
===============================================*/
@media only screen and (min-width:1200px){
.wrapper,
.inner{
width:1200px;
padding:0;
}
.main{
float:right;
width:590px;
}
.sub{
float:left;
width:250px;
overflow:hidden;
}
/*
.col1{
float:left;
width:763px;
}
.col2{
float:left;
width:323px;
}
.col2_{
clear:both;
}
.col3{
width:940px;
}
*/
.grid{
width:100%;
float:none;
padding-bottom:30px;
}
}


/*===============================================
  モニター幅1199px以下
===============================================*/
@media only screen and (max-width:1199px){
.br_1199{
display:block;
}
.p_no-1199{
padding:0;
}
.wrapper,
.inner{
width:100%;
padding:0;
}
.header-wrap{
background: linear-gradient(to bottom, rgba(255,255,255,0.75)50%,rgba(255,255,255,0));
height:100px;
}
.header-top{
width: 100%;
}
.header-pc-menu01{
display:none;
}

.header-top h1{
margin: -14px 20px 0 20px;
}

.header-pc-menu02{
    display:none;
/*margin-top:-58px;
margin-right:5px;
text-align: center;*/
}
/*
.header-pc-menu02 a{
display: inline-block;
padding:30px 0 0 0!important;
font-size: 0.66rem;
width: 35px;
height: 60px;
}
.header-pc-menu02 a:first-child{
background-position:top 20px center;
margin-right: 75px;
}
*/
ul.menu-pc-01{
	display:none;
}

ul.menu-pc-02{
display:none;
/*margin-right: 65px;*/
}
/*
ul.menu-pc-02 li{
display:table-cell;
}
ul.menu-pc-02 li a{
display:block;
vertical-align: middle;
text-decoration: none;
font-weight: 300;
padding: 25px 16px 0 16px;
text-align: center;
background-repeat: no-repeat;
height: 60px;
color: #222;
font-size: 0.66rem;
line-height: 4.4rem;
font-weight: 600;
}
ul.menu-pc-02 li.menu-pc_en-jp a{
}*/
.breadcrumb ul{
padding:0 0 0 10px;
}
.headline h1,
.headline h2,
.headline h3{
margin:0 10px;
}

.headline-tab h1 {
padding: 40px 10px 30px 20px;
z-index: 10;
}
.headline-tab ul.hdln-tab{
width: 97%;
z-index: 10;
}
.headline-tab ul.hdln-tab li,
.headline-tab ul.tab-kigyo li{
width:auto;
}
.headline-tab ul.hdln-tab li h2{
padding: 12px 20px 12px 20px;
}
.headline-tab ul.hdln-tab li a{
padding: 12px 10px;
}
.headline-tab ul.hdln-tab li h2 a{
padding: 0;
color: #222;
font-weight:bold;
background:#fff;
}
.headline-tab ul.hdln-tab li a:hover{
background-color:#fff;
background-image: none;
}
.headline-tab div{
z-index: 10;
}
.headline-tab div a{
padding:0 25px 0 15px;
border-radius:30px;
}
.headline-tab div p.hdln-tab_ttl{
padding:0 25px 0 15px;
border-radius:30px;
}
.headline-tab div a::before,
.headline-tab div p.hdln-tab_ttl::before{
margin-right:5px;
}
.tab-kemimaru-furasuko img{
width: 200px;
top:130px;
right: 5px;
margin-left:0;
z-index: 1;
}
.tab-shiyakuhakase img{
width:110px;
top:120px;
right: 20px;
margin-left:0;
z-index: 1;
}

.headline-tab div.tab_Introduction{
margin-top:-2px;
}
.headline_Introduction img,
.headline_Institution img{
margin-top:-40px;
}
.headline_Introduction-History img{
width:190px;
}
.headline-tab div.tab_About{
margin-top:-2px;
}
.headline_About img,
.headline_About-Reagent img{
display:none;
}
.headline_Sds img,
.headline_Privacy img{
margin-top:-30px;
}

.headline-tab ul.hdln-tab_About li{
width:30%;
}
section.ctn_info{
padding:50px 20px 30px 20px;
display:block;
}
.ctn_info-1,
.ctn_info-2,
section.ctn_info li,
.info{
width:100%;
}
.TOP_cnt{
margin-top:0;
}


.center2{
text-align:left;
}

.top-menu div{
margin: 0;
padding:0;
width: 100%;
border-radius:0;
border: none;
box-shadow:none;
}
.top-menu div a{
background-color: #0953ae;
color: rgba(255,255,255,1.00);
}
.top-menu div a p:first-child{
font-size: 2.0rem;
line-height: 2.8rem;
}
.top-menu div a p:nth-child(2) span{
background-color:#3a75be;
}
.top-menu div a:hover{
opacity:0.7;
color:rgba(255,255,255,1.00);
}
.top-menu div a::before{
border:none;
}
.top-menu div a::after {
border-top:3px solid #fff;
border-right:3px solid #fff;
}

div.ctn_top{
background-size:5000px;
}

section.ctn_top-member{
padding:20px 20px;
}
section.ctn_top-member ul{
    width:100%;
    margin:0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
section.ctn_top-member ul li,
section.ctn_top-member ul li:last-child{
width: 32%;
margin:0.8% 2% 0.7% 0;
}
section.ctn_top-member ul li:nth-of-type(3n){
margin-right: 0;
}
section.ctn_bnr-manabou{
background-size:2800px;

}
section.ctn_bnr-manabou a{
height: auto;
}
section.ctn_bnr-manabou a p:first-child{
margin-top: 10px;
}
section.ctn_bnr-manabou a p:nth-child(2){
position:relative;
width:auto;
margin-top:0;
}
section.ctn_bnr-manabou a p:nth-child(2) img:first-child{
margin-right:10px;
margin-left:10px;
max-height: 80px;
}
section.ctn_bnr-manabou a p:nth-child(2) img:last-child{
margin-left:10px;
margin-right:0;
max-height: 80px;
}
section.ctn_bnr-manabou a p:last-child{
margin-bottom: 0;
}

section.ctn_houjinkaiin-shiyakunohi ul{
margin: 0 4% 5px 4%;
}
section.ctn_houjinkaiin-shiyakunohi ul li{
display:block;
width: 100%;
}
section.ctn_houjinkaiin-shiyakunohi ul li:first-child{
margin-right: 0;
margin-bottom: 20px;
}

section.home-inst_bk-2{
width:70%;
}
ul.home-inst_otoiawase li:first-child,
ul.home-inst_otoiawase li:last-child{
display:block;
}
ul.home-inst_otoiawase li img{
width:160px;
}
ul.home-inst_otoiawase li:nth-child(2) a{
    border-radius:40px;
    padding:20px;
}
p.SymbolMark_thumbnail{
margin:50px 0 0 0;
}
section.SymbolMark{
padding-top:5px;
}
span.SymbolMark-kiken,
span.SymbolMark-kenkou,
span.SymbolMark-kankyou{
    margin-top:10px;
}

p.Movie-txt{
padding:0 15px 30px 15px;
text-align:left;
}
ul.LST-chara li{
width:99%;
}
ul.LST-chara li ul.movie-chara{
margin:0;
}
ul.LST-chara li ul.movie-chara li:first-child{
width:140px;
}
ul.LST-chara li ul.movie-chara li:nth-child(2){
 width:280px;
 text-align:left;
}

ul.JournalLST li{
position:relative;
display:inline-block;
width:100%;
margin:0 0 10px 0!important;
text-align:left;
border-radius:10px;
background-color:#fff;
box-shadow: 0 0 3px #ccc;
}
.hdln-kaishi{
padding:5px 10px;
}
.hdln-kaishi h4{
padding-left:10px;
}
table.tbl_td80 th,
table.tbl_td-hlf td{
width:auto;
}
td.tbl_td-nowrap-PC{
white-space: normal;
}
table.tbl{
	display:block;
	border-top:1px solid #D2D2D2;
}
table.tbl thead{
	display:none;
}
table.tbl tbody{
	display: block;
}
table.tbl tbody tr{
	display:block;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tbl tbody th,
table.tbl tbody td{
	padding:5px;
	display:list-item;
	list-style-type: none;
	border-top:none;
	border-bottom:none;
}
table.tbl tbody th{
	white-space:nowrap;
	background::#F6F6F6;
	margin-top:-1px;
}
table.tbl td{
	width:100%;
}
table.tbl-display th,
table.tbl-display td{
padding-left:80px!important;
}

table.tbl_no-line{
	border-top:none!important;
}
table.tbl_no-line tbody tr{
	border-top:none!important;
}

table.tbl_0{
	display:block;
	border-top:1px solid #f3f3f3;
}
table.tbl_0 thead{
	display:none;
}
table.tbl_0 td{
 border-left:none;
}
table.tbl_0 tbody{
	display: block;
}
table.tbl_0 tbody tr{
	display:block;
	padding:15px;
	border-top:2px solid #f3f3f3;
	border-bottom:2px solid #f3f3f3;
    border-radius:10px;
}
table.tbl_0 tbody th,
table.tbl_0 tbody td{
	padding:1px;
	display:list-item;
	list-style-type: none;
	border-top:none;
	border-bottom:none;
}
table.tbl_0 tbody th{
	white-space:pre-wrap;
	background::#F6F6F6;
	margin-top:-1px;
}
table.tbl_0 th, table.tbl_0 td{
	text-align:left;
}
table.tbl_0 td{
	width:100%;
}
p.sdsNM{
	padding-top:5px;
}
p.sdsNeM{
	padding-top:5px;
}

table.tbl_history{
	display:block;
	border-top:1px solid #D2D2D2;
}
table.tbl_history tbody{
	display: block;
}
table.tbl_history tbody tr{
	display:block;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tbl_history tbody th,
table.tbl_history tbody td{
	padding:5px;
	display:list-item;
	list-style-type: none;
	border-top:none;
	border-bottom:none;
}
table.tbl_history tbody th{
	white-space:nowrap;
	background::#F6F6F6;
}
table.tbl_history th span{
margin-top:-3px;

}
table.tbl_history td.history_none{
	display:none;
}
table.tbl_history tbody td p{
    padding:5px;
    line-height:2.1rem;
}
table.tbl_history td.hnALL p.history-line{
    margin-left:13px;
    margin-top:-10px;
line-height:1.8rem;
}
.mo-none{
    display:none;
}

footer .ftr_menu{
text-align:left;
}

.br_1199-no{
display: none;
}
/*
.col1{
width:100%;
}
.col2{
width:100%;
}
.col2_{
display:none;
}*/
.display{
display:inline!important;
font-size:1.2rem;
line-height:1.7rem;
padding:0 10px!important;
background-color:#909090;
color:#FFF;
margin-top:5px;
margin-left:-65px;
margin-right:10px;
text-align:center;
border-radius:2px;        /* CSS3草案 */  
-webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
-moz-border-radius:2px;   /* Firefox用 */ 
}
.display_01{
display:block!important;
font-size:1.2rem;
line-height:1.7rem;
padding:0 10px!important;
background-color:#909090;
color:#FFF;
margin-top:5px;
text-align:center;
border-radius:2px;        /* CSS3草案 */  
-webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
-moz-border-radius:2px;   /* Firefox用 */ 
}
.display-0{
display:inline!important;
font-size:1.2rem;
line-height:1.7rem;
padding:1px 10px!important;
background-color:#909090;
color:#FFF;
margin-top:5px;
text-align:center;
border-radius:10px;
}
.display-0-ttl{
display:inline!important;
background-color:#2c52b7;
}
.display_jnl-CA{
display:inline!important;
font-size:1.2rem;
line-height:1.7rem;
padding:0 10px!important;
background-color:#909090;
color:#FFF;
margin-top:5px;
margin-left:0x;
margin-right:10px;
text-align:center;
border-radius:2px;        /* CSS3草案 */  
-webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
-moz-border-radius:2px;   /* Firefox用 */ 
}

.ctn_index li.li2{
	width:100%;
	margin:0 0 1% 0;
}

.sub{
	display:none;
}
.grid{
margin-bottom:20px;
width:48%;
margin-left:1%;
}
ul.LST-pht li{
width: 48%;
}
p.tbl-th{
display:inline-block;
border-radius:3px;
background-color:#D2D2D2;
font-size:1.2rem;
line-height:1.2rem;
padding:2px 5px;
}
ul.IndexLST li{
border-radius:0;
}
}


/*===============================================
  画面の横幅が768pxまで（iPad）
===============================================*/
@media only screen and (max-width:768px){
.br_768{
display:block;
}
.header-top{
		padding-bottom:0;
}
.header-top h1{
margin: -14px 10px 0 10px;
}
.top-menu div{
top:-45px;
}
.top-menu div a{
padding: 10px 10px 8px 0;
}
.top-menu div a p:first-child{
height:auto;
}
.top-menu div a p:nth-child(2){
display: block;
padding:5px 10px 0 10px;
}
.headline_Introduction img,
.headline_Institution img{
width:140px;
top:170px;
}
.headline_Introduction-History img{
width:140px;
top:160px;
}
.headline_Sds img,
.headline_Privacy img{
margin-top:0;
width:160px;
}
.headline_Journal img,
.headline_Sds img,
.headline_Privacy img{
margin-top:-20px;
width:150px;
}

section.ctn_top-member ul li,
section.ctn_top-member ul li:last-child,
section.ctn_top-member ul li:nth-of-type(3n){
width: 49%;
margin:0.8% 2% 0.7% 0;
}
section.ctn_top-member ul li:nth-of-type(2n){
margin-right: 0;
}

.ctn_index li.li3{
	width:100%;
	margin:0 0 10px 0;
}
    .headline-tab ul.tab-kigyo li h2{
    padding: 12px 10px;
    }
    .headline-tab ul.tab-kigyo li a{
    padding: 12px 8px;
    }
ul.LST-1 li,
ul.LST-1_no-link li{
margin-bottom:2%;
}
ul.LST-2 li{
width:100%;
margin-right:0;
}
ul.LST-3 li{
width:100%;
margin-right:0;
margin-bottom:15px;
}

ul.home-inst_img-lst li{
 width:100%;
    margin:0 0 2% 0!important;

}
ul.home-inst_img-lst li img{
width:100%;
}
ul.home-inst_img-lst li p{
height:auto;
}
ul.home-inst_img-lst li:last-child{
    margin-right:0;
}
ul.home-inst_service-LST{
    text-align:left;
}

ul.home-inst_service-LST li{
width:49%;
}
section.home-inst_bk-2{
width:100%;
}
ul.MovieLST li a h3{
padding:18px 15px 8px 15px;
}
.br_768-no{
display: none;
}
.text{
position: absolute;
top: 60px;
right: 5px;
}
#univ{
padding:3px;
}
.img_right{
text-align:center;
float:none;
padding:0;
}

p.reagent3_shiyakuhakase_PC{
display:none;
}
p.reagent3_shiyakuhakase_SP{
display:block;
}
div.jrnl-koenkai_waku{
    line-height:2.0rem;
    padding:0 20px;
}
div.jrnl-koenkai_waku span{
    margin-top:10px;
    margin-bottom:3px;
}
}


/*===============================================
  画面の横幅が640pxまで（スマホ）
===============================================*/
@media only screen and (max-width:640px){
.no-640{
display: none;
}
.br_640{
display: block;
}
.txt_Sblk{
display:inline;
}
.info{
	margin-left:0;
}
/*
.col1{
float:none;
width:100%;
margin:0 0 20px;
}
.col2{
float:none;
width:100%;
margin:0 0 20px;
}*/
ul.LST-pht li{
width: 100%;
}
.ctn_index li {
        width: 100%;
        margin: 0;
    }

.ctn_index li a::after {
            position: absolute;
            top: 50%;
            right: 15px;
            display: block;
            content: '';
            width: 8px;
            height: 8px;
            margin-top: -8px;
            border-top: 2px solid #ccc;
            border-right: 2px solid #ccc;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            transform: rotate(45deg);
        }


ul.home-inst_service-LST li{
width:100%;
}

ul.LST-chara li ul.movie-chara li:first-child{
width:90px;
vertical-align:bottom;
}
ul.LST-chara li ul.movie-chara li:nth-child(2){
 width:280px;
 text-align:left;
}

img.frame,#gallery img{
border-width:2px;
}
.alignleft,.alignright{
float:none;
display:block;
margin:0 auto 10px;
}
.sub .grid{
margin-bottom:20px;
width:98%;
}
}


/*===============================================
  画面の横幅が480pxまで（スマホ）
===============================================*/
@media only screen and (max-width:480px){
.br_480{
display: block;
}
.header-top{
max-width:480px;
}
.header-top h1 img{
width:180px;
height: 45px;
}
/*.header-pc-menu02{
 margin-top:-54px;
margin-right: 0;
}
.header-pc-menu02 a{
font-size: 0.70rem;
padding:33px 0 0 0!important;
}
.header-pc-menu02 a:first-child{
background-position:top 22px center;
margin-right: 65px;
}*/
.headline-tab ul.hdln-tab li a{
padding: 12px 8px;
}
.headline-tab ul.hdln-tab_Introduction li a,
.headline-tab ul.hdln-tab_About li a{
padding: 12px 5px;
}
.headline-tab ul.hdln-tab_Introduction li h1,
.headline-tab ul.hdln-tab_About li h1{
padding: 12px 7px;
}
.headline-tab ul.hdln-tab_About li a{
padding: 12px 3px;
}
.headline-tab ul.tab-kigyo li h2{
padding: 12px 7px;
}
.headline-tab ul.tab-kigyo li a{
padding: 12px 5px;
}


#univ{
display:none;
}
/* .ctn{
padding:10px;
}*/
ul.list_1 li{
float:none;
}
ul.list_2 li{
float:none;
}
ul.list_3 li{
float:none;
}

#pageTop a{
bottom:5px;
right:5px;
}
section.ctn_top-member ul li,
section.ctn_top-member ul li:last-child,
section.ctn_top-member ul li:nth-of-type(3n){
width: 99%;
margin:0.8% 0.5% 0.7% 0.5%;
}
}