@charset "utf-8";

/*  +++++++++++++++++++++++++ common +++++++++++++++++++++++++ */

html{
font-size: 100%;
/*height: 100%;*/
}
body{
margin: 0;
padding: 0;
text-align: center;
font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color: #3e3a39;
-webkit-text-size-adjust: 100%;
font-weight: 500;
/*height: 100%;*/
overflow-wrap: break-word;
word-break: break-all;
}
.sp{
display: none;
}
img{
max-width: 100%;
height: auto;
}
.ind{
display: inline-block;
text-indent: -1.0em;
padding-left: 1.0em;
}
.svgParts {
display: none;
}
svg{
fill: #3e3a39;
}
.min {
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.en {
font-family: Arial, Helvetica, "sans-serif";
}
a.pdf:after {
content: "";
margin: 0 0 0 5px;
padding: 0;
display: inline-block;
background: url("../images/ico_pdf_02.png") no-repeat center center;
background-size: contain;
width: 24px;
height: 24px;
position: relative;
top: 1px;
}
.coInner.pre:after {
content: "";
margin: 40px 0;
padding: 0;
display: block;
background: url("../images/line.png") no-repeat center center;
background-size: contain;
width: 100%;
height: 60px;
}
.mt0 {
margin-top: 0 !important;
}
.mt5 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
#btnFixBox {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
}
#btnFixBox p {
margin: 0 0 10px;
padding: 0;
}
#btnFixBox p:last-child {
margin: 0;
}
#btnFixBox p img {
width: 45px;
height: auto;
}
.accordionArea {
margin-bottom: 20px;
}
.accordionArea p {
display: none;
}
a.anker {
	position: relative;
    top: -180px;
    display: inline-block;
    width: 1px;
    height: 1px;
}


/*  +++++++++++++++++++++++++ wrapper +++++++++++++++++++++++++ */

/*#wrapper{
height: 100%;
}*/


/*  +++++++++++++++++++++++++ ieBox +++++++++++++++++++++++++ */

#ieBox{
margin: 0;
padding: 30px;
background: #E61B10;
}
#ieBox p{
margin: ;
padding: 0;
font-size: 1.2rem;
font-weight: 900;
text-align: center;
line-height: 2.0;
color: #FFF;
}


/*  +++++++++++++++++++++++++ header +++++++++++++++++++++++++ */

#header{
margin: 0;
padding: 0;
width: 100%;
background-color: #FFF;
position: relative;
}
#header #targetLink{
margin: 0;
padding: 15px 10px;
background-color: #003619;
text-align: right;
font-size: 0;
font-weight:bold;
}
/*#header #targetLink p{
margin: 0;
padding: 0;
display: inline-block;
font-size: 0.91rem;
line-height: 1.0;
color: #FFF;
}*/
#header #targetLink ul{
margin: 0;
padding: 0;
display: inline-block;
font-size: 0;
}
#header #targetLink ul li{
margin: 0 0 0 20px;
padding: 0;
display: inline-block;
font-size: 0.91rem;
line-height: 1.0;
}
#header #targetLink ul li a{
color: #FFF;
text-decoration: none;
}
#header > .inner{
margin: 0;
padding: 25px 25px 0;
text-align: left;
display: flex;
box-sizing: border-box;
}
#header p.logo{
margin: 0;
padding: 10px 0 0;
width: 25%;
}
#header p.logo img{
width: 240px;
height: auto;
}
#header p.logo img.white{
display: none;
}
#header #headerContents{
margin: 0;
padding: 0;
width: 100%;
display: flex;
}
#header #headerContents #naviBox{
margin: 0;
padding: 0;
width: calc(100% - 210px);
}
#header #headerContents #naviBox #naviSub{
margin: 0;
padding: 0;
text-align: right;
}
#header #headerContents #naviBox #naviSub ul{
margin: 0 0 5px;
padding: 0;
display: inline-block;
border-bottom: solid 1px #3e3a39;
}
#header #headerContents #naviBox #naviSub ul li{
margin: 0 20px 0 0;
padding: 0;
float: left;
font-size: 0.85rem;
line-height: 1.6;
}
#header #headerContents #naviBox #naviSub ul li:last-child{
margin-right: 0;
}
#header #headerContents #naviBox #naviSub ul li a{
margin: 0;
padding: 0 0 5px;
color: #3e3a39;
text-decoration: none;
display: block;
}
#header #headerContents #naviBox #navi{
margin: 0;
padding: 0;
text-align: right;
}
#header #headerContents #naviBox #navi > ul{
margin: 0;
padding: 0;
display: inline-block;
vertical-align: bottom;
}
#header #headerContents #naviBox #navi > ul > li{
margin: 0;
padding: 0;
float: left;
font-size: 0.91rem;
line-height: 1.6;
font-weight: 900;
}
#header #headerContents #naviBox #navi > ul > li:last-child{
margin-right: 0;
}
#header #headerContents #naviBox #navi > ul > li > a{
margin: 0;
padding: 0 10px 20px;
color: #3e3a39;
text-decoration: none;
display: block;
text-decoration: none;
}
#header #headerContents #naviBox #navi > ul > li > a:hover{
border-bottom-color: #3e3a39;
}
#header #headerContents #naviBox #navi > ul > li > a span{
border-bottom: solid 1px transparent;
}
#header #headerContents #naviBox #navi > ul > li:hover > a span{
border-bottom-color: #FFF;
}
#header #headerContents #naviSideBox{
margin: 0;
padding: 4px 0 0;
width: 210px;
text-align: right;
}
#header #headerContents #naviSideBox ul{
margin: 0;
padding: 0;
display: inline-block;
}
#header #headerContents #naviSideBox ul li{
margin: 0 30px 0 0;
padding: 0;
float: left;
position: relative;
}
#header #headerContents #naviSideBox ul li:last-child{
margin-right: 0;
}
#header #headerContents #naviSideBox ul li a {
display: block;
}
#header #headerContents #naviSideBox ul li svg {
fill: #3e3a39;
position: relative;
}
#header #headerContents #naviSideBox ul li svg.btn_lang {
width: 41px;
height: 45px;
}
#header #headerContents #naviSideBox ul li svg.btn_search {
width: 35px;
height: 45px;
}
#header #headerContents #naviSideBox ul li svg.btn_menu {
width: 36px;
height: 45px;
}
#header #headerContents #naviSideBox ul li svg.btn_close {
width: 36px;
height: 45px;
display: none;
}
#header #headerContents #naviSideBox ul li a.active svg.btn_menu {
display: none;
}
#header #headerContents #naviSideBox ul li a.active svg.btn_close {
z-index: 10000;
display: block;
fill: #FFF !important;
}





/*  +++++++++++++++++++++++++ header(fixed) +++++++++++++++++++++++++ */

#header.fixed{
margin: 0;
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 5000 !important;
background-color: #FFF !important;
text-align: center;
border-bottom: solid 1px #000;
}
#header.fixed #headerContents #naviBox #naviSub ul{
border-bottom: solid 1px #3e3a39 !important;
}
#header.fixed #headerContents #naviBox #naviSub ul li a{
color: #3e3a39 !important;
}
#header.fixed #headerContents #naviBox #navi > ul > li >  a{
color: #3e3a39 !important;
}
#header.fixed #headerContents #naviBox #navi > ul > li > a:hover{
border-bottom-color: #3e3a39 !important;
}
#header.fixed #headerContents #naviSideBox ul li svg {
fill: #3e3a39 !important;
}
#header.fixed p.logo img.white{
display: none !important;
}
#header.fixed p.logo img.color{
display: block !important;
}





/*  +++++++++++++++++++++++++ header(white ver) +++++++++++++++++++++++++ */

.hw #header{
margin: 0;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 8000;
background-color: transparent;
}
.hw #header p.logo img.white{
display: block;
}
.hw #header p.logo img.color{
display: none;
}
.hw #header #headerContents #naviBox #naviSub ul{
border-bottom-color: #FFF;
}
.hw #header #headerContents #naviBox #naviSub ul li a{
color: #FFF;
}
.hw #header #headerContents #naviBox #navi > ul > li > a{
color: #FFF;
}
.hw #header #headerContents #naviBox #navi > ul > li > a:hover{
border-bottom-color: #FFF;
}
.hw #header #headerContents #naviSideBox ul li svg {
fill: #FFF;
}







/*  +++++++++++++++++++++++++ header pageLinks +++++++++++++++++++++++++ */

#header #headerContents #naviBox #navi .pageLinks{
position: absolute;
left: 0;
top:0;
width: 100%;
display: none;
}



/*  +++++++++++++++++++++++++ menuSitemapBox +++++++++++++++++++++++++ */

#header #headerContents #naviSideBox #menuSitemapBox{
margin: 0;
padding: 0;
background-color: rgba(0,164,79,1);
position: fixed;
top: 0;
left: 0;
text-align: center;
width: 100%;
height: 100vh;
z-index: 9000;
overflow: auto;
display: none;
}s
#header #headerContents #naviSideBox #menuSitemapBox::-webkit-scrollbar{
width: 5px;
}
#header #headerContents #naviSideBox #menuSitemapBox::-webkit-scrollbar-track{
background: #FFF;
}
#header #headerContents #naviSideBox #menuSitemapBox::-webkit-scrollbar-thumb {
background: #000;
}
#header #headerContents #naviSideBox #menuSitemapBox #menuSitemapCo{
margin: 0 auto;
padding: 0;
width: 1100px;
}
#header #headerContents #naviSideBox #menuSitemapBox #menuSitemapCo > .inner{
margin: 0;
padding: 80px 0;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks{
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
text-align: left;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box{
margin: 0 4% 0 0;
padding: 0;
width: 22%;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box a{
text-decoration: none;
color: #FFF;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box:last-child{
margin-right: 0;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box h2{
margin: 0 0 10px;
padding: 0 0 5px;
border-bottom: solid 1px #FFF;
font-size: 0.85rem;
line-height: 1.6;
color: #FFF;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box h2 a{
pointer-events: none;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box ul+h2{
margin-top: 35px;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box ul{
margin: 0;
padding: 0;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box ul li{
margin: 0 0 5px;
padding: 0 0 0 11px;
font-size: 0.75rem;
line-height: 1.6;
position: relative;
background: url("../images/point_03.svg") no-repeat left 3px;
background-size: 7px 12px;
float: none;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box ul.bnrTxt{
margin: 0;
padding: 0;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box ul.bnrTxt li{
margin: 0 0 10px;
padding: 0;
background-color: #FFF;
font-size: 0.85rem;
line-height: 1.8;
text-align: center;
background-image: none;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box ul.bnrTxt li:before,
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box ul.bnrTxt li:after{
content: none;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box ul.bnrTxt li a{
margin: 0;
padding: 7px 15px;
display: block;
text-decoration: none;
color: #727171;
box-sizing: border-box;
}
#header #headerContents #naviSideBox #menuSitemapBox #menulinks .box ul.bnrTxt li:last-child{
margin-bottom: 0;
}



/*  +++++++++++++++++++++++++ searchBox +++++++++++++++++++++++++ */

#searchBox {
margin: 0;
padding: 0;
background-color: #FFF;
position: absolute;
top: 60px;
right:0;
width: 450px;
z-index: 501;
border-width: 1px;
border-color: rgb(221, 221, 221);
border-style: solid;
border-radius: 6px;
box-shadow: 0.707px 0.707px 6.72px 0.28px rgba(0, 0, 0, 0.14);
}
#searchBox .inner {
margin: 0;
padding: 15px;
}
#searchBox input {
margin: 0;
padding: 10px;
width: 100%;
box-sizing: border-box;
}
#header.fixed #headerContents #naviSideBox ul li #searchBox svg {
fill:#FFF !important;
}



/*  +++++++++++++++++++++++++ main +++++++++++++++++++++++++ */

#main{
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
border-bottom: solid 35px #004117;
position: relative;
z-index: 10;
overflow: hidden;
}
#main p.catch{
margin: 0;
padding: 0;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 12;
}
/*#main video{
width: 100%;
height: auto;
display: block;
margin: 0;
padding: 0;
position: relative;
z-index: 10;
}
#main #mainOver{
margin: 0;
padding: 0;
width: 100%;
display: block;
background: rgba(0,0,0,0);
position: absolute;
z-index: 11;
left: 0;
top:0;
}*/
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#main .s01 {
background: url("../images/main_01.jpg") no-repeat center center;
background-size: cover;
opacity: 1 !important;
}
#main iframe {
display: none;
}
}



/*  +++++++++++++++++++++++++ mainTitle +++++++++++++++++++++++++ */

#mainTitle{
margin: 0;
padding: 0;
width: 100%;
border-top: solid 10px #004117;
border-bottom: solid 10px #004117;
position: relative;
}
#pharmacyPage #mainTitle{
border-top-color: #00ac97;
border-bottom-color: #00ac97;
}
#medicinePage #mainTitle{
border-top-color: #00458d;
border-bottom-color: #00458d;
}
#graduatePage #mainTitle{
border-top-color: #5cb531;
border-bottom-color: #5cb531;
}
#mainTitle > .inner{
margin: 0;
padding: 30px;
box-sizing: border-box;
text-align: left;
position: relative;
}
#mainTitle #breadcrumbList{
margin: 0;
padding: 0;
position: absolute;
right: 30px;
top: 10px;
}
#mainTitle #breadcrumbList ul{
margin: 0;
padding: 0;
white-space: nowrap;
}
#mainTitle #breadcrumbList ul li{
margin: 0;
padding: 0;
float: left;
font-size: 0.75rem;
line-height: 1.2;
}
#mainTitle #breadcrumbList ul li:after{
margin: 0;
padding: 0 3px;
content: ">";
display: inline-block;
}
#mainTitle #breadcrumbList ul li:last-child:after{
padding: 0;
content: none;
}
#mainTitle #breadcrumbList ul li a{
margin: 0;
padding: 0;
text-decoration: none;
}
#mainTitle h1{
margin: 0;
padding: 0;
color: #004117;
font-size: 2.0rem;
line-height: 1.0;
letter-spacing: 0.25rem;
}
#mainTitle h1 span.ico:before{
margin: 0 10px 0 0;
padding: 0;
content: "";
width: 28px;
height: 28px;
display: inline-block;
position: relative;
top:3px;
}
#pharmacyPage #mainTitle h1 span.ico:before{
background: url("../pharmacy/img/ico_main.png") no-repeat center center;
background-size: contain;
}
#pharmacyPage #mainTitle.ico02 h1 span.ico:before{
background: url("../pharmacy/img/ico_main_02.png") no-repeat center center;
background-size: contain;
}
#medicinePage #mainTitle h1 span.ico:before{
background: url("../medicine/img/ico_main.png") no-repeat center center;
background-size: contain;
}
#graduatePage #mainTitle h1 span.ico:before{
background: url("../pharmacy/graduate/img/ico_main.png") no-repeat center center;
background-size: contain;
}
#pharmacyPage #mainTitle h1{
color: #00ac97;
}
#medicinePage #mainTitle h1{
color: #0062B2;
}
#graduatePage #mainTitle h1{
color: #5cb531;
}
#mainTitle p.en{
margin: 8px 0 0 !important;
padding: 0;
color: #000;
font-size: 0.91rem;
}
#pharmacyPage #mainTitle p.en{
color: #00ac97;
}
#medicinePage #mainTitle p.en{
color: #0062B2;
}
#graduatePage #mainTitle p.en{
color: #5cb531;
}



/*  +++++++++++++++++++++++++ journalBox +++++++++++++++++++++++++ */

#journalBox{
margin: 0;
padding: 0;
width: 100%;
text-align: left;
background: url("../images/journal_bg.png");
}
#journalBox > .inner{
margin: 0;
padding: 50px 0 0;
}
#journalBox h2{
margin: 0 0 30px;
padding: 0;
text-align: center;
}
#journalBox p.subTitle{
margin: 0 0 20px;
padding: 0;
text-align: center;
}
#journalBox #journalList{
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#journalBox #journalList .box{
margin: 0;
padding: 0;
text-align: center;
background: no-repeat center center;
background-size: cover;
width: 50%;
}
#journalBox #journalList .box a{
margin: 0;
padding: 51.376% 0 0;
display: block;
text-decoration: none;
color: #FFF;
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 100%;
height: 0;
}
#journalBox #journalList .box p.title{
margin: 0;
padding: 0;
position: absolute;
left: 40px;
top: 20px;
z-index: 40;
font-size: 1.2rem;
line-height: 1.3;
border-bottom: solid 1px #FFF;
display: inline-block;
white-space: nowrap;
}
#journalBox #journalList .box .txtBox{
margin: 0;
padding: 0;
width: 100%;
position: absolute;
z-index: 50;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
}
#journalBox #journalList .box h3{
margin: 0;
padding: 0;
z-index: 50;
font-size: 1.5em;
line-height: 1.3;
}
#journalBox #journalList .box p.sub{
margin: 15px 0 0;
padding: 0;
z-index: 60;
font-size: 0.85rem;
line-height: 1.3;
}
#journalBox #journalList .box.b02 p.title,
#journalBox #journalList .box.b04 p.title{
left: auto;
right: 40px;
top: 20px;
}
#journalBox #journalList .box a:before{
content: "";
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 35;
}
#journalBox #journalList .box.b01 a:before{
background: url("../images/journal_bg_01.png") repeat-x left bottom;
background-size: 50px auto;
}
#journalBox #journalList .box.b02 a:before{
background: url("../images/journal_bg_02.png") repeat-x right bottom;
background-size: 50px auto;
}
#journalBox #journalList .box.b03 a:before{
background: url("../images/journal_bg_03.png") repeat-x left bottom;
background-size: 50px auto;
}
#journalBox #journalList .box.b04 a:before{
background: url("../images/journal_bg_04.png") repeat-x right bottom;
background-size: 50px auto;
}

/*  +++++++++++++++++++++++++ indexBgBox +++++++++++++++++++++++++ */

#indexBgBox{
margin: 0;
padding: 80px 0;
background: #f1f8f2;
}

/*  +++++++++++++++++++++++++ topicsBox +++++++++++++++++++++++++ */

#topicsBox{
margin: 0 auto 40px;
padding: 0;
width: 80%;
text-align: left;
}
#topicsBox > .inner{
margin: 0;
padding: 0;
}
#topicsBox h2{
margin: 0 0 35px;
padding: 0;
text-align: center;
position: relative;
}
#topicsBox h2 span{
margin: 0;
padding: 0;
display: inline-block;
background: #f1f8f2;
position: relative;
z-index: 2;
}
#topicsBox h2:before{
margin: 0;
padding: 0;
content: "";
width: 100%;
height: 1px;
background: #004117;
position: absolute;
left: 0;
top: calc(50% - 1px);
z-index: 1;
}
#topicsBox #topicsList{
margin: 0;
padding: 0;
}
#topicsBox #topicsList ul{
margin: 0;
padding: 0;
display: flex;
}
#topicsBox #topicsList ul li{
margin: 0 2% 0 0;
padding: 0;
width: 32%;
position: relative;
}
#topicsBox #topicsList ul li:last-child{
margin-right: 0;
}
#topicsBox #topicsList ul li p.photo{
margin: 0;
padding: 0;
}
#topicsBox #topicsList ul li p.photo img{
width: 100%;
height: auto;
}
#topicsBox #topicsList ul li p.title{
margin: 0;
padding: 10px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(132,204,205,0.7);
color: #FFF;
font-size: 0.85rem;
line-height: 1.8;
box-sizing: border-box;
}






/*  +++++++++++++++++++++++++ informationBox +++++++++++++++++++++++++ */

#informationBox{
margin: 0 auto;
padding: 0;
width: 80%;
display: flex;
}
#informationBox #newsBox{
margin: 0 30px 0 0;
padding: 15px;
width: calc(100% - 330px);
text-align: left;
background: url("../images/news_bg.png");
box-sizing: border-box;
display: flex;
}
#informationBox #newsBox #newsContents{
margin: 0;
padding: 0;
background: #FFF;
display: flex;
width: 100%;
}
#informationBox #newsBox #newsContents > .inner{
margin: 0;
padding: 40px 50px 30px;
background: #FFF;
border: solid 3px #004117;
box-sizing: border-box;
width: 100%;
}
#informationBox #newsBox #newsContents h2{
margin: 0 0 25px;
padding: 0;
text-align: center;
}
#informationBox #newsBox #newsContents .btnBox{
margin: 0;
padding: 0;
}
#informationBox #newsBox #newsContents .btnBox ul{
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
}
#informationBox #newsBox #newsContents .btnBox ul li{
margin: 0;
padding: 0;
display: inline-block;
background-color: #004117;
border-radius: 8px;
font-size: 0.75rem;
line-height: 1.2;
}
#informationBox #newsBox #newsContents .btnBox ul li a{
margin: 0;
padding: 5px 40px;
display: block;
text-decoration: none;
color: #FFF;
background: url("../images/point_01.png") no-repeat right 10px center;
background-size: 5px auto;
}
#informationBox #newsBox #newsContents #categoryList{
margin: 0 0 40px;
padding: 0;
}
#informationBox #newsBox #newsContents #categoryList ul{
margin: 0;
padding: 0;
display: flex;
width: 100%;
}
#informationBox #newsBox #newsContents #categoryList ul li{
margin: 0 calc(9% / 6) 0 0;
padding: 0;
width: 13%;
text-align: center;
font-size: 0.91rem;
}
_:-ms-fullscreen, :root #informationBox #newsBox #newsContents #categoryList ul li {
margin-right: 1%;
}
#informationBox #newsBox #newsContents #categoryList ul li:last-child{
margin-right: 0;
}
#informationBox #newsBox #newsContents #categoryList ul li a{
margin: 0;
padding: 5px 0;
background: #FFF;
text-decoration: none;
color: #004117;
border-bottom: solid 3px #E2F1DA;
display: block;
box-sizing: border-box;
}
#informationBox #newsBox #newsContents #categoryList ul li.current a{
background: #004117;
color: #FFF;
border-bottom: 0;
}
#informationBox #newsBox #newsContents #entryList{
margin: 0 0 30px;
padding: 0;
}
/*#informationBox #newsBox #newsContents #entryList::-webkit-scrollbar{
width: 10px;
}
#informationBox #newsBox #newsContents #entryList::-webkit-scrollbar-track{
background: #FFF;
}
#informationBox #newsBox #newsContents #entryList::-webkit-scrollbar-thumb {
background: #dcdddd;
border-radius: 200px;
}*/
#informationBox #newsBox #newsContents #entryList > .inner{
margin: 0;
padding: 0;
}
#informationBox #newsBox #newsContents #entryList .entry{
margin: 0 0 10px;
padding: 0;
}
#informationBox #newsBox #newsContents #entryList .entry a{
margin: 0;
padding: 0;
display: flex;
text-decoration: none;
}
#informationBox #newsBox #newsContents #entryList .entry p.date{
margin: 0;
padding: 0;
width: 120px;
font-size: 0.85rem;
line-height: 1.6;
color: #727171;
font-weight: 900;
}
#informationBox #newsBox #newsContents #entryList .entry p.date img{
margin: 0 10px 0 0;
padding: 0;
position: relative;
top: -4px;
}
#informationBox #newsBox #newsContents #entryList .entry p.title{
margin: 0;
padding: 0;
width: calc(100% - 135px);
font-size: 0.85rem;
line-height: 1.6;
color: #004117;
}

#informationBox #newsBox #newsContents #infoList{
margin: 0 0 30px;
padding: 0;
}
/*#informationBox #newsBox #newsContents #infoList::-webkit-scrollbar{
width: 10px;
}
#informationBox #newsBox #newsContents #infoList::-webkit-scrollbar-track{
background: #FFF;
}
#informationBox #newsBox #newsContents #infoList::-webkit-scrollbar-thumb {
background: #dcdddd;
border-radius: 200px;
}*/
#informationBox #newsBox #newsContents #infoList > .inner{
margin: 0;
padding: 0;
}
#informationBox #newsBox #newsContents #infoList .entry{
margin: 0 0 10px;
padding: 0;
}
#informationBox #newsBox #newsContents #infoList .entry a{
margin: 0;
padding: 0;
display: flex;
text-decoration: none;
}
#informationBox #newsBox #newsContents #infoList .entry p.date{
margin: 0;
padding: 0;
width: 120px;
font-size: 0.85rem;
line-height: 1.6;
color: #727171;
font-weight: 900;
}
#informationBox #newsBox #newsContents #infoList .entry p.date img{
margin: 0 10px 0 0;
padding: 0;
position: relative;
top: -4px;
}
#informationBox #newsBox #newsContents #infoList .entry p.title{
margin: 0;
padding: 0;
width: calc(100% - 135px);
font-size: 0.85rem;
line-height: 1.6;
color: #004117;
}

#informationBox #newsBox #newsContents #eventList{
margin: 0 0 30px;
padding: 0;
}
/*#informationBox #newsBox #newsContents #eventList::-webkit-scrollbar{
width: 10px;
}
#informationBox #newsBox #newsContents #eventList::-webkit-scrollbar-track{
background: #FFF;
}
#informationBox #newsBox #newsContents #eventList::-webkit-scrollbar-thumb {
background: #dcdddd;
border-radius: 200px;
}*/
#informationBox #newsBox #newsContents #eventList > .inner{
margin: 0;
padding: 0;
}
#informationBox #newsBox #newsContents #eventList .entry{
margin: 0 0 10px;
padding: 0;
}
#informationBox #newsBox #newsContents #eventList .entry a{
margin: 0;
padding: 0;
display: flex;
text-decoration: none;
}
#informationBox #newsBox #newsContents #eventList .entry p.date{
margin: 0;
padding: 0;
width: 120px;
font-size: 0.85rem;
line-height: 1.6;
color: #727171;
font-weight: 900;
}
#informationBox #newsBox #newsContents #eventList .entry p.date img{
margin: 0 10px 0 0;
padding: 0;
position: relative;
top: -4px;
}
#informationBox #newsBox #newsContents #eventList .entry p.title{
margin: 0;
padding: 0;
width: calc(100% - 135px);
font-size: 0.85rem;
line-height: 1.6;
color: #004117;
}

#informationBox #newsBox #newsContents #prizeList{
margin: 0 0 30px;
padding: 0;
}
/*#informationBox #newsBox #newsContents #prizeList::-webkit-scrollbar{
width: 10px;
}
#informationBox #newsBox #newsContents #prizeList::-webkit-scrollbar-track{
background: #FFF;
}
#informationBox #newsBox #newsContents #prizeList::-webkit-scrollbar-thumb {
background: #dcdddd;
border-radius: 200px;
}*/
#informationBox #newsBox #newsContents #prizeList > .inner{
margin: 0;
padding: 0;
}
#informationBox #newsBox #newsContents #prizeList .entry{
margin: 0 0 10px;
padding: 0;
}
#informationBox #newsBox #newsContents #prizeList .entry a{
margin: 0;
padding: 0;
display: flex;
text-decoration: none;
}
#informationBox #newsBox #newsContents #prizeList .entry p.date{
margin: 0;
padding: 0;
width: 120px;
font-size: 0.85rem;
line-height: 1.6;
color: #727171;
font-weight: 900;
}
#informationBox #newsBox #newsContents #prizeList .entry p.date img{
margin: 0 10px 0 0;
padding: 0;
position: relative;
top: -4px;
}
#informationBox #newsBox #newsContents #prizeList .entry p.title{
margin: 0;
padding: 0;
width: calc(100% - 135px);
font-size: 0.85rem;
line-height: 1.6;
color: #004117;
}


#informationBox #newsBox #newsContents #recruitList{
margin: 0 0 30px;
padding: 0;
}
/*#informationBox #newsBox #newsContents #recruitList::-webkit-scrollbar{
width: 10px;
}
#informationBox #newsBox #newsContents #recruitList::-webkit-scrollbar-track{
background: #FFF;
}
#informationBox #newsBox #newsContents #recruitList::-webkit-scrollbar-thumb {
background: #dcdddd;
border-radius: 200px;
}*/
#informationBox #newsBox #newsContents #recruitList > .inner{
margin: 0;
padding: 0;
}
#informationBox #newsBox #newsContents #recruitList .entry{
margin: 0 0 10px;
padding: 0;
}
#informationBox #newsBox #newsContents #recruitList .entry a{
margin: 0;
padding: 0;
display: flex;
text-decoration: none;
}
#informationBox #newsBox #newsContents #recruitList .entry p.date{
margin: 0;
padding: 0;
width: 120px;
font-size: 0.85rem;
line-height: 1.6;
color: #727171;
font-weight: 900;
}
#informationBox #newsBox #newsContents #recruitList .entry p.date img{
margin: 0 10px 0 0;
padding: 0;
position: relative;
top: -4px;
}
#informationBox #newsBox #newsContents #recruitList .entry p.title{
margin: 0;
padding: 0;
width: calc(100% - 135px);
font-size: 0.85rem;
line-height: 1.6;
color: #004117;
}

#informationBox #newsBox #newsContents #mediaList{
margin: 0 0 30px;
padding: 0;
}
/*#informationBox #newsBox #newsContents #mediaList::-webkit-scrollbar{
width: 10px;
}
#informationBox #newsBox #newsContents #mediaList::-webkit-scrollbar-track{
background: #FFF;
}
#informationBox #newsBox #newsContents #mediaList::-webkit-scrollbar-thumb {
background: #dcdddd;
border-radius: 200px;
}*/
#informationBox #newsBox #newsContents #mediaList > .inner{
margin: 0;
padding: 0;
}
#informationBox #newsBox #newsContents #mediaList .entry{
margin: 0 0 10px;
padding: 0;
}
#informationBox #newsBox #newsContents #mediaList .entry a{
margin: 0;
padding: 0;
display: flex;
text-decoration: none;
}
#informationBox #newsBox #newsContents #mediaList .entry p.date{
margin: 0;
padding: 0;
width: 120px;
font-size: 0.85rem;
line-height: 1.6;
color: #727171;
font-weight: 900;
}
#informationBox #newsBox #newsContents #mediaList .entry p.date img{
margin: 0 10px 0 0;
padding: 0;
position: relative;
top: -4px;
}
#informationBox #newsBox #newsContents #mediaList .entry p.title{
margin: 0;
padding: 0;
width: calc(100% - 135px);
font-size: 0.85rem;
line-height: 1.6;
color: #004117;
}

#informationBox #newsBox #newsContents #examList{
margin: 0 0 30px;
padding: 0;
}
/*#informationBox #newsBox #newsContents #examList::-webkit-scrollbar{
width: 10px;
}
#informationBox #newsBox #newsContents #examList::-webkit-scrollbar-track{
background: #FFF;
}
#informationBox #newsBox #newsContents #examList::-webkit-scrollbar-thumb {
background: #dcdddd;
border-radius: 200px;
}*/
#informationBox #newsBox #newsContents #examList > .inner{
margin: 0;
padding: 0;
}
#informationBox #newsBox #newsContents #examList .entry{
margin: 0 0 10px;
padding: 0;
}
#informationBox #newsBox #newsContents #examList .entry a{
margin: 0;
padding: 0;
display: flex;
text-decoration: none;
}
#informationBox #newsBox #newsContents #examList .entry p.date{
margin: 0;
padding: 0;
width: 100px;
font-size: 0.85rem;
line-height: 1.6;
color: #727171;
font-weight: 900;
}
#informationBox #newsBox #newsContents #examList .entry p.date img{
margin: 0 10px 0 0;
padding: 0;
position: relative;
top: -4px;
}
#informationBox #newsBox #newsContents #examList .entry p.title{
margin: 0;
padding: 0;
width: calc(100% - 135px);
font-size: 0.85rem;
line-height: 1.6;
color: #004117;
}
#informationBox #otherInfo{
margin: 0;
padding: 0;
width: 330px;
text-align: left;
}
#informationBox #otherInfo .bnrBox{
margin: 0;
padding: 0;
}
#informationBox #otherInfo .bnrBox p{
margin: 0 0 10px 0;
padding: 0;
}
#informationBox #otherInfo .bnrBox p.kifu{
margin: 0 0 -30px;
padding: 0;
position: relative;
left: -30px;
top: -30px;
}
#informationBox #otherInfo .bnrBox p.kifu img{
margin: 0;
padding: 0;
max-width: none;
}
#informationBox #otherInfo #facebookBox{
margin: 0;
padding: 0;
}
/*@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
#informationBox #otherInfo #facebookBox{
display: none;
}
}*/
#informationBox #otherInfo #facebookBox h2{
margin: 0 0 10px;
padding: 0;
text-align: center;
position: relative;
}
#informationBox #otherInfo #facebookBox h2 span{
margin: 0;
padding: 0 15px;
display: inline-block;
background: #f1f8f2;
position: relative;
z-index: 2;
}
#informationBox #otherInfo #facebookBox h2:before{
margin: 0;
padding: 0;
content: "";
width: 100%;
height: 1px;
background: #004117;
position: absolute;
left: 0;
top: calc(50% - 1px);
z-index: 1;
}




/*  +++++++++++++++++++++++++ columnBox +++++++++++++++++++++++++ */

#columnBox{
margin: 0 auto;
padding: 0;
width: 80%;
text-align: left;
}
#columnBox > .inner{
margin: 0;
padding: 70px 0;
display: flex;
}
#columnBox .box{
margin: 0;
padding: 0;
width: 33%;
text-align: center;
}
#columnBox .box a{
display: block;
text-decoration: none;
}
#columnBox .box p.photo{
margin: 0 0 20px;
padding: 0;
text-align: center;
}
#columnBox .box h2{
margin: 0 0 10px;
padding: 0;
font-size: 1.4rem;
line-height: 1.6;
padding: 0;
text-align: center;
color: #004117;
}
#columnBox .box h2 span.line{
background:linear-gradient(transparent 60%, #ddecc4 60%);
}
#columnBox .box p.sub{
margin: 0;
padding: 0;
text-align: center;
font-size: 0.85rem;
line-height: 1.6;
color: #004117;
}



/*  +++++++++++++++++++++++++ historyBnrBox +++++++++++++++++++++++++ */

#historyBnrBox{
margin: 0 auto;
padding: 0;
width: 80%;
}
#historyBnrBox p{
margin: 0;
padding: 0;
}


/*  +++++++++++++++++++++++++ indexBnrBox +++++++++++++++++++++++++ */

#indexBnrBox{
margin: 0 0 40px;
padding: 0;
background: #F7EEE5;
}
#indexBnrBox > .inner{
margin: 0 auto;
padding: 30px 0;
}
#indexBnrBox ul{
margin: 0;
padding: 0;
font-size: 0;
text-align: center;
}
#indexBnrBox ul li{
margin: 0 20px;
padding: 0;
font-size: 1.0rem;
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
text-align: center;
}



/*  +++++++++++++++++++++++++ facultyBox +++++++++++++++++++++++++ */

#facultyBox{
margin: 0 auto 60px;
padding: 0;
width: 965px;
}
#facultyBox ul{
margin: 0;
padding: 0;
width: 100%;
display: flex;
justify-content: space-between;
}
#facultyBox ul li{
margin: 0;
padding: 0;
width: 294px;
}


/*  +++++++++++++++++++++++++ footer +++++++++++++++++++++++++ */

#footer{
margin: 0 auto;
padding: 0 0 30px;
width: 965px;
}
#footer #footerLinks{
margin: 0 0 80px;
padding: 0;
display: flex;
justify-content: space-between;
text-align: left;
}
#footer #footerLinks .box{
margin: 0;
padding: 0;
width: 175px;
}
#footer #footerLinks .box a{
text-decoration: none;
}
#footer #footerLinks .box h2{
margin: 0 0 10px;
padding: 0 0 5px;
border-bottom: solid 1px #3e3a39;
font-size: 0.85rem;
line-height: 1.6;
}
#footer #footerLinks .box ul+h2{
margin-top: 35px;
}
#footer #footerLinks .box h3{
margin: 0 0 8px;
padding: 0 0 0 13px;
font-size: 0.85rem;
line-height: 1.6;
position: relative;
}
#footer #footerLinks .box h3:before{
margin: 0 3px 0 0;
padding: 0;
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-color: #dcdddd;
position: absolute;
left: 0;
top:5px;
}
#footer #footerLinks .box ul+h3{
margin-top: 25px;
}
#footer #footerLinks .box ul{
margin: 0;
padding: 0;
}
#footer #footerLinks .box ul li{
margin: 0 0 5px;
padding: 0 0 0 11px;
font-size: 0.75rem;
line-height: 1.6;
position: relative;
background: url("../images/point_02.svg") no-repeat left 3px;
background-size: 7px 12px;
}
#footer #footerLinks .box ul li a{
text-decoration: none;
}
#footer #footerLinks .box #snsBox{
margin: 100px 0 20px;
padding: 0;
background-color: #efefef;
}
#footer #footerLinks .box #snsBox .inner{
margin: 0;
padding: 15px 20px;
}
#footer #footerLinks .box #snsBox h2{
margin: 0 0 10px;
padding: 0;
border-bottom: 0;
font-size: 0.85rem;
line-height: 1.6;
text-align: center;
}
#footer #footerLinks .box #snsBox ul{
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
}
#footer #footerLinks .box #snsBox ul li{
margin: 0;
padding: 0;
width: 20px;
background: none;
}
#footer #footerLinks .box #snsBox ul li a{
text-decoration: none;
}
#footer #footerLinks .box #snsBox ul li:before,
#footer #footerLinks .box #snsBox ul li:after{
content: none;
}
#footer #footerLinks .box ul.bnrTxt{
margin: 0;
padding: 0;
}
#footer #footerLinks .box ul.bnrTxt li{
margin: 0 0 20px;
padding: 0;
background-color: #efefef;
font-size: 0.85rem;
line-height: 1.8;
text-align: center;
background-image: none;
}
#footer #footerLinks .box ul.bnrTxt li:before,
#footer #footerLinks .box ul.bnrTxt li:after{
content: none;
}
#footer #footerLinks .box ul.bnrTxt li a{
margin: 0;
padding: 10px 15px;
display: block;
text-decoration: none;
}
#footer #footerLinks .box ul.bnrTxt li:last-child{
margin-bottom: 0;
}
#footer #footerContents{
margin: 0 0 40px;
padding: 0;
text-align: left;
width: 100%;
font-size: 0;
}
#footer #footerContents p.logo{
margin: 0;
padding: 0;
width:220px;
display: inline-block;
font-size: 1.0rem;
vertical-align: middle;
}
#footer #footerContents #addressBox	{
margin: 0;
padding: 0 0 0 40px;
width:calc(100% - 220px);
box-sizing: border-box;
display: inline-block;
font-size: 1.0rem;
}
#footer #footerContents #addressBox .box{
margin: 0;
padding: 0;
}
#footer #footerContents #addressBox .box ul{
margin: 0;
padding: 0;
width: 100%;
font-size: 0;
}
#footer #footerContents #addressBox .box ul li {
margin: 0;
padding: 0 0 5px;
width: 120px;
display: inline-block;
font-size: 0.81rem;
line-height: 1.6;
vertical-align: top;
}
#footer #footerContents #addressBox .box ul li:nth-of-type(1) {
width: 120px;
}
#footer #footerContents #addressBox .box ul li:nth-of-type(2) {
width: 350px;
}
#footer #footerContents #addressBox .box ul li:nth-of-type(3) {
width: calc(100% - 470px);
}
#footer #footerContents ul.link{
margin: 10px 0 0;
padding: 10px 0 0;
border-top: solid 1px #ddd;
clear: both;
display: flex;
}
#footer #footerContents ul.link li{
margin: 0;
padding: 0;
font-size: 0.71rem;
line-height: 1.6;
}
#footer #footerContents ul.link li:after{
margin: 0;
padding: 0;
content: "｜";
}
#footer #footerContents ul.link li:last-child:after{
content: none;
}
#footer #footerContents ul.link li a{
margin: 0;
padding: 0 12px;
text-decoration: none;
}
#footer #footerContents ul.link li:first-child a{
padding-left: 0;
}
#footer #copy{
margin: 0;
padding: 0;
text-align: center;
color: #b5b5b6;
font-size: 0.75rem;
line-height: 1.6;
}



/*  +++++++++++++++++++++++++ co +++++++++++++++++++++++++ */

#co{
margin: 0;
padding: 0;
display: flex;
overflow-x: hidden;
}
#co #mainContents{
margin: 0;
padding: 0;
width: calc(100% - 255px);
box-sizing: border-box;
}
#co #mainContents.bgColor{
background-color: #FFFEEA;
}
#co #sideContents{
margin: 0;
padding: 0;
width: 255px;
border-left:solid 1px #231815;
box-sizing: border-box;
position: relative;
background: #FFF;
}
#co.full{
display: block;
}
#co.full #mainContents{
width: 100%;
}





/*  +++++++++++++++++++++++++ sideContents +++++++++++++++++++++++++ */

#co #sideContents #sideNavi{
margin: 0;
padding: 0;
}
#co #sideContents #sideNavi.fixed{
position: fixed;
}
#co #sideContents #sideNavi h2{
margin: 0;
padding: 15px 0 8px;
width: 255px;
border-bottom:solid 1px #231815;
box-sizing: border-box;
text-align: center;
font-size: 1.2rem;
line-height: 2.0;
}
#co #sideContents #sideNavi h2 span{
margin: 0;
padding: 0;
font-size: 0.91rem;
display: block;
}
#co #sideContents #sideNavi .inner{
margin: 0;
padding: 20px;
text-align: left;
}
#co #sideContents #sideNavi ul{
margin: 0 0 0 20px;
padding: 0;
}
#co #sideContents #sideNavi ul li{
margin: 0 0 15px;
padding: 0;
font-size: 0.81rem;
line-height: 1.6;
position: relative;
font-weight: 900;
}
#co #sideContents #sideNavi ul li.more:before{
content: "";
margin: 0;
padding: 0;
width: 12px;
height: 12px;
display: inline-block;
position: absolute;
left:-16px;
top: 3px;
background: url("../images/ico_open.png") no-repeat center center;
background-size: contain;
}
#co #sideContents #sideNavi ul li.more.active:before{
background: url("../images/ico_close.png") no-repeat center center;
background-size: contain;
}
#pharmacyPage #co #sideContents #sideNavi ul li.more:before{
background: url("../pharmacy/img/ico_open.png") no-repeat center center;
background-size: contain;
}
#pharmacyPage #co #sideContents #sideNavi ul li.more.active:before{
background: url("../pharmacy/img/ico_close.png") no-repeat center center;
background-size: contain;
}
#medicinePage #co #sideContents #sideNavi ul li.more:before{
background: url("../medicine/img/ico_open.png") no-repeat center center;
background-size: contain;
}
#medicinePage #co #sideContents #sideNavi ul li.more.active:before{
background: url("../medicine/img/ico_close.png") no-repeat center center;
background-size: contain;
}
#co #sideContents #sideNavi ul li a{
text-decoration: none;
}
#pharmacyPage #co #sideContents #sideNavi ul li a:hover{
background: #c4d700;
}
#medicinePage #co #sideContents #sideNavi ul li a:hover{
background: #85d0f4;
}
#co #sideContents #sideNavi ul li ul{
margin: 10px 0 0 15px;
padding: 0;
}
#co #sideContents #sideNavi ul li ul li{
margin: 0 0 15px;
padding: 0;
font-size: 0.81rem;
line-height: 1.6;
}


/*  +++++++++++++++++++++++++ pageLinks +++++++++++++++++++++++++ */


.pageLinks{
margin: 0 0 50px;
padding: 25px 0;
background: #f4f4f4;
text-align: center;
}
.pageLinks > .inner{
margin: 0 auto;
padding: 0;
display: table;
width: 90%;
}
.pageLinks h2{
margin: 0;
padding: 0 50px 0 0;
font-size: 1.2rem;
color: #00642f;
line-height: 1.6;
text-align: right;
box-sizing: border-box;
border-right: solid 1px #727171;
width: 400px;
display: table-cell;
vertical-align: middle;
}
.pageLinks h2 span{
margin: 0;
padding: 0;
font-size: 0.75rem;
color: #727171;
display: block;
width: 100%
}
.pageLinks .pageList{
margin: 0;
padding: 0 0 0 50px;
width: calc(100% - 450px);
text-align: left;
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
}
.pageLinks .pageList h3{
margin: 0 0 10px;
padding: 0;
font-size: 1.0rem;
line-height: 1.6;
}
.pageLinks .pageList h3 a{
margin: 0;
padding: 0;
text-decoration: none;
color: #00642f;
}
.pageLinks .pageList h3 span{
margin: 0;
padding: 0 0 3px;
display: inline-block;
border-bottom: solid 1px #00642f;
}
.pageLinks .pageList h3 span:before{
margin: 0 3px 0 0;
padding: 0;
content: "-";
display: inline-block;
}
.pageLinks .pageList h4{
margin: 0 0 10px;
padding: 0;
font-size: 0.85rem;
line-height: 1.6;
}
.pageLinks .pageList ul+h3,
.pageLinks .pageList ul+h4{
margin-top: 25px;
}
.pageLinks .pageList ul{
margin: 0;
padding: 0;
font-size: 0;
width: 100%;
}
.pageLinks .pageList ul li{
margin: 5px 0;
padding: 0 20px 0 0.60em;
font-size: 0.81rem;
line-height: 1.6;
display: inline-block;
vertical-align: top;
width: 33%;
box-sizing: border-box;
text-indent: -0.27em;
}
.pageLinks .pageList ul li a{
text-decoration: none;
color: #727171;
}
.pageLinks .pageList ul li a:before{
margin: 0 3px 0 0;
padding: 0;
content: "-";
display: inline-block;
}
.pageLinks .pageList .pageListSub{
margin: 0 0 10px;
padding: 0;
display: flex;
}
.pageLinks .pageList .pageListSub .box{
margin: 0;
padding: 0;
flex-basis: 33%;
box-sizing: border-box;
}
.pageLinks .pageList .pageListSub .box ul li{
padding: 0 0 0 0.60em;
display: block;
width: auto;
}
.pageLinks .pageList .pageListSub.c1-2 .box:nth-of-type(2){
flex-grow: 2;
font-size: 0;
}
.pageLinks .pageList .pageListSub.c1-2 .box:nth-of-type(2) ul{
font-size: 1.0rem;
display: inline-block;
width: 50%;
vertical-align: top;
}



/*  +++++++++++++++++++++++++ parts +++++++++++++++++++++++++ */

#co #mainContents .coInner{
margin: 0 auto;
padding: 60px 0;
width: 840px;
text-align: left;
box-sizing: border-box;
}
#co #mainContents .coInner.wide{
width: 980px;
}
#co.full #mainContents .coInner{
width: 1100px;
}
#co #mainContents .movieBox {
margin: 0 0 40px;
padding: 0;
position: relative;
width: 100%;
padding-top: 56.25%;
}
#co #mainContents .movieBox iframe {
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
#co #mainContents ul.point01{
margin: 0 0 20px;
padding: 0;
}
#co #mainContents ul.point01 li{
margin: 0 0 6px;
padding: 0 0 0 12px;
font-size: 1.0rem;
line-height: 1.8;
background: url("../images/point_02.png") no-repeat left 9px;
background-size: 5px auto;
}
#co #mainContents p{
margin: 0 0 20px;
padding: 0;
font-size: 1.0rem;
line-height: 2.0;
}
#co #mainContents p.mainImg{
margin: 0;
padding: 0;
position: relative;
}
#co #mainContents p.mainImg img{
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
#co #mainContents p.mainImg.logo:before{
margin: 0;
padding: 0;
content: "";
display: inline-block;
background: url("../images/main_logo.png") no-repeat center center;
background-size: contain;
width: 411px;
height: 72px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
#co #mainContents .ankerBtn{
margin: 0 0 60px;
padding: 0;
}
#co #mainContents .ankerBtn ul{
margin: 0;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
#co #mainContents .ankerBtn ul li{
margin: 2% 2% 0 0;
padding: 0;
width: 32%;
}
#co #mainContents .ankerBtn ul li:nth-child(3n){
margin-right: 0;
}
#co #mainContents .ankerBtn ul li:nth-of-type(1),
#co #mainContents .ankerBtn ul li:nth-of-type(2),
#co #mainContents .ankerBtn ul li:nth-of-type(3){
margin-top: 0;
}
#co #mainContents .labCategory{
margin: 0 0 30px;
padding: 0;
}
#co #mainContents .labCategory h2{
margin: 0 0 40px;
padding: 0;
border-bottom: solid 2px #004117;
text-align: center;
}
#co #mainContents .labCategory h2 span{
margin: 0;
padding: 10px 60px;
background: #004117;
display: inline-block;
color: #FFF;
font-size: 1.2rem;
}
#pharmacyPage #co #mainContents .labCategory h2{
border-bottom-color: #00ac97;
}
#pharmacyPage #co #mainContents .labCategory h2 span{
background: #00ac97;
}
#medicinePage #co #mainContents .labCategory h2{
border-bottom-color: #00458d;
}
#medicinePage #co #mainContents .labCategory h2 span{
background: #00458d;
}
#co #mainContents .labCategory.souyaku h2{
border-bottom-color: #0084ca !important;
}
#co #mainContents .labCategory.souyaku h2 span{
background: #0084ca !important;
}
#co #mainContents .labCategory.kankyo h2{
border-bottom-color: #50b348 !important;
}
#co #mainContents .labCategory.kankyo h2 span{
background: #50b348 !important;
}
#co #mainContents .labCategory.iryou h2{
border-bottom-color: #f39800 !important;
}
#co #mainContents .labCategory.iryou h2 span{
background: #f39800 !important;
}
#co #mainContents .labCategory.seimei h2{
border-bottom-color: #ea617c !important;
}
#co #mainContents .labCategory.seimei h2 span{
background: #ea617c !important;
}
#co #mainContents .labCategory.rinsyo h2{
border-bottom-color: #a6559d !important;
}
#co #mainContents .labCategory.rinsyo h2 span{
background: #a6559d !important;
}
#co #mainContents .labCategory.center h2{
border-bottom-color: #004117 !important;
}
#co #mainContents .labCategory.center h2 span{
background: #004117 !important;
}
#co #mainContents .labCategory.kiso h2{
border-bottom-color: #00458d !important;
}
#co #mainContents .labCategory.kiso h2 span{
background: #00458d !important;
}
#co #mainContents .labCategory.kyoshitsu h2{
border-bottom-color: #51318f !important;
}
#co #mainContents .labCategory.kyoshitsu h2 span{
background: #51318f !important;
}
#co #mainContents .labCategory.kyoiku h2{
border-bottom-color: #da9800 !important;
}
#co #mainContents .labCategory.kyoiku h2 span{
background: #da9800 !important;
}
#co #mainContents .labCategory.title{
margin: 0 0 60px;
}
#co #mainContents .labCategory.title h2{
margin-bottom: 0;
}
#co #mainContents .labCategory.title .titleBox{
margin: 0;
padding: 0;
background: #DBFDE7;
background-size: cover;
text-align: center;
border-bottom: solid 2px #004117;
}
#co #mainContents .labCategory.title .titleBox h3{
margin: 0;
padding: 30px 10px;
font-size: 2.2rem;
line-height: 1.6;
color: #004117;
font-weight: 900;
}
#pharmacyPage #co #mainContents .labCategory.title .titleBox{
background: #D1F0EC;
border-bottom-color: #00ac97;
}
#pharmacyPage #co #mainContents .labCategory.title .titleBox h3{
color: #00ac97;
}
#medicinePage #co #mainContents .labCategory.title .titleBox{
	background: #d8e4f0;
	border-bottom-color: #00458d;
}
#medicinePage #co #mainContents .labCategory.title .titleBox h3{
	color: #00458d;
	font-weight: 900;
}
#co #mainContents .labCategory.title .titleBox h3 .en{
font-size: 0.75rem;
display: block;
}
#co #mainContents .labCategory .labList{
margin: 0 0 40px;
padding: 0;
}
#co #mainContents .labCategory .labList h3{
margin: 0;
padding: 10px 15px;
background: #f4f4f4;
font-size: 1.2rem;
line-height: 1.3;
color: #004117;
position: relative;
border-top: solid 1px #004117;
}
#pharmacyPage #co #mainContents .labCategory .labList h3{
background: #dfe9f6;
color: #00ac97;
border-top-color: #00ac97;
}
#co #mainContents .labCategory.souyaku .labList h3{
background: #c7d9f0 !important;
color: #0084ca !important;
border-top-color: #00ac97 !important;
}
#co #mainContents .labCategory.kankyo .labList h3{
background: #cde5bf !important;
color: #50b348 !important;
border-top-color: #00ac97 !important;
}
#co #mainContents .labCategory.iryou .labList h3{
background: #FFEAC6 !important;
color: #f39800 !important;
border-top-color: #00ac97 !important;
}
#co #mainContents .labCategory.seimei .labList h3{
background: #FED5DE !important;
color: #ea617c !important;
border-top-color: #00ac97 !important;
}
#co #mainContents .labCategory.rinsyo .labList h3{
background: #d8c6e0 !important;
color: #a6559d !important;
border-top-color: #00ac97 !important;
}
#co #mainContents .labCategory.center .labList h3{
background: #e2ede2 !important;
color: #527c52 !important;
border-top-color: #00ac97 !important;
}
#co #mainContents .labCategory.kiso .labList h3{
background: #c7e8fa !important;
color: #00458d !important;
border-top-color: #00ac97 !important;
}
#co #mainContents .labCategory.kyoshitsu .labList h3{
background: #c7c0df !important;
color: #51318f !important;
border-top-color: #00ac97 !important;
}
#co #mainContents .labCategory.kyoiku .labList h3{
background: #f5db69 !important;
color: #da9800 !important;
border-top-color: #00ac97 !important;
}
#co #mainContents .labCategory .labList h3 .btn{
margin: 0;
padding: 0;
border-radius: 5px;
background-color: #004117;
box-shadow: 2.571px 3.064px 5.22px 0.78px rgba(35, 24, 21, 0.6);
position: absolute;
display: inline-block;
right: 10px;
top: 50%;
transform: translateY(-50%);
font-size: 0.75rem;
font-weight: 500;
}
#pharmacyPage #co #mainContents .labCategory .labList h3 .btn{
background-color: #00ac97;
}
#medicinePage #co #mainContents .labCategory .labList h3 .btn{
background-color: #51318f;
}
#co #mainContents .labCategory.souyaku .labList h3 .btn{
background-color: #0084ca !important;
}
#co #mainContents .labCategory.kankyo .labList h3 .btn{
background-color: #50b348 !important;
}
#co #mainContents .labCategory.iryou .labList h3 .btn{
background-color: #f39800 !important;
}
#co #mainContents .labCategory.seimei .labList h3 .btn{
background-color: #ea617c !important;
}
#co #mainContents .labCategory.rinsyo .labList h3 .btn{
background-color: #a6559d !important;
}
#co #mainContents .labCategory.center .labList h3 .btn{
background-color: #366036 !important;
}
#co #mainContents .labCategory.kiso .labList h3 .btn{
background-color: #00458d !important;
}
#co #mainContents .labCategory.kyoshitsu .labList h3 .btn{
background-color: #51318f !important;
}
#co #mainContents .labCategory.kyoiku .labList h3 .btn{
background-color: #da9800 !important;
}
#co #mainContents .labCategory .labList h3 .btn a{
margin: 0;
padding: 5px 25px 5px 15px;
display: block;
color: #FFF;
text-decoration: none;
position: relative;
}
#co #mainContents .labCategory .labList h3 .btn a:before{
margin: 0;
padding: 0;
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 8px;
border-color: transparent transparent transparent #FFF;
position: absolute;
right: 10px;
top:50%;
transform: translateY(-50%);
}
#co #mainContents .labCategory .labList h3 .btn a:after{
margin: 0;
padding: 0;
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 8px;
border-color: transparent transparent transparent #000;
position: absolute;
right: 12px;
top:50%;
transform: translateY(-50%);
}
#pharmacyPage #co #mainContents .labCategory .labList h3 .btn a:after{
border-color: transparent transparent transparent #00ac97;
}
#medicinePage #co #mainContents .labCategory .labList h3 .btn a:after{
border-color: transparent transparent transparent #51318f;
}
#co #mainContents .labCategory.souyaku .labList h3 .btn a:after{
border-color: transparent transparent transparent #0084ca !important;
}
#co #mainContents .labCategory.kankyo .labList h3 .btn a:after{
border-color: transparent transparent transparent #50b348 !important;
}
#co #mainContents .labCategory.iryou .labList h3 .btn a:after{
border-color: transparent transparent transparent #f39800 !important;
}
#co #mainContents .labCategory.seimei .labList h3 .btn a:after{
border-color: transparent transparent transparent #ea617c !important;
}
#co #mainContents .labCategory.rinsyo .labList h3 .btn a:after{
border-color: transparent transparent transparent #a6559d !important;
}
#co #mainContents .labCategory.center .labList h3 .btn a:after{
border-color: transparent transparent transparent #366036 !important;
}
#co #mainContents .labCategory.kiso .labList h3 .btn a:after{
border-color: transparent transparent transparent #00458d !important;
}
#co #mainContents .labCategory.kyoshitsu .labList h3 .btn a:after{
border-color: transparent transparent transparent #51318f !important;
}
#co #mainContents .labCategory.kyoiku .labList h3 .btn a:after{
border-color: transparent transparent transparent #da9800 !important;
}
#co #mainContents .labCategory .labList .list{
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
}
#co #mainContents .labCategory .labList .list p{
margin: 0 0 10px;
padding: 0;
font-size: 1.0rem;
}
#co #mainContents .labCategory .labList .list .scroll+p{
margin-top: 20px;
}
#co #mainContents .labCategory .labList .list p.ss{
margin: 10px 0 0;
padding: 0;
font-size: 0.81rem;
}
#co #mainContents .labCategory .labList table{
margin: 0;
padding: 0;
width: calc(100% + 2px);
position: relative;
left: -1px;
}
#co #mainContents .labCategory .labList table th,
#co #mainContents .labCategory .labList table td{
	margin: 0;
	padding: 10px;
	font-size: 0.938rem;
	line-height: 1.6;
	border: solid 1px #004117;
	box-sizing: border-box;
}
#co #mainContents .labCategory .labList table tr td:nth-of-type(1){
width: 130px;
}
#co #mainContents .labCategory .labList table tr td:nth-of-type(2){
width: 120px;
}
#co #mainContents .labCategory .labList table tr td:nth-of-type(3){
width: 120px;
}
#co #mainContents .labCategory .labList table tr td:nth-of-type(4){
width: auto;
}
#co #mainContents .labCategory .labList table tr td:nth-of-type(5){
width: 150px;
}
#co #mainContents .labCategorysouyaku .labList table tr:nth-child(2n+1){
background: #f4f4f4;
}
#co #mainContents .labCategory.souyaku .labList table th,
#co #mainContents .labCategory.souyaku .labList table td,
#co #mainContents .labCategory.kankyo .labList table th,
#co #mainContents .labCategory.kankyo .labList table td,
#co #mainContents .labCategory.iryou .labList table th,
#co #mainContents .labCategory.iryou .labList table td,
#co #mainContents .labCategory.seimei .labList table th,
#co #mainContents .labCategory.seimei .labList table td,
#co #mainContents .labCategory.rinsyo .labList table th,
#co #mainContents .labCategory.rinsyo .labList table td,
#co #mainContents .labCategory.center .labList table th,
#co #mainContents .labCategory.center .labList table td,
#co #mainContents .labCategory.kiso .labList table th,
#co #mainContents .labCategory.kiso .labList table td,
#co #mainContents .labCategory.kyoshitsu .labList table th,
#co #mainContents .labCategory.kyoshitsu .labList table td,
#co #mainContents .labCategory.kyoiku .labList table th,
#co #mainContents .labCategory.kyoiku .labList table td{
border-color: #00ac97 !important;
}
#pharmacyPage #co #mainContents .labCategory .labList table th,
#pharmacyPage #co #mainContents .labCategory .labList table td{
border-color: #00ac97;
}
#pharmacyPage #co #mainContents .labCategory.souyaku .labList table tr:nth-child(2n+1){
background: #f3f7fc;
}
#pharmacyPage #co #mainContents .labCategory.kankyo .labList table tr:nth-child(2n+1){
background: #f2f8ef;
}
#pharmacyPage #co #mainContents .labCategory.iryou .labList table tr:nth-child(2n+1){
background: #FFFBF3;
}
#pharmacyPage #co #mainContents .labCategory.seimei .labList table tr:nth-child(2n+1){
background: #FFF5FE;
}
#pharmacyPage #co #mainContents .labCategory.rinsyo .labList table tr:nth-child(2n+1){
background: #f6f3f9;
}
#pharmacyPage #co #mainContents .labCategory.center .labList table tr:nth-child(2n+1){
background: #F0FAFF;
}
#medicinePage #co #mainContents .labCategory .labList table th,
#medicinePage #co #mainContents .labCategory .labList table td{
border-color: #51318f;
}
#medicinePage #co #mainContents .labCategory.kiso .labList table tr:nth-child(2n+1){
background: #f3fafe;
}
#medicinePage #co #mainContents .labCategory.kyoshitsu .labList table tr:nth-child(2n+1){
background: #f2f1f8;
}
#medicinePage #co #mainContents .labCategory.kyoiku .labList table tr:nth-child(2n+1){
background: #f9f5d5;
}
#co #mainContents #labStaffBox{
margin: 0;
padding: 0;
box-sizing: border-box;
border: solid 10px #004117;
background-color: #f4f4f4;
text-align: center;
}
#co #mainContents #labStaffBox.type02{
border: 0;
background-color: #BFEAE5;
}
#pharmacyPage #co #mainContents #labStaffBox{
border-color: #00ac97;
}
#medicinePage #co #mainContents #labStaffBox{
border-color: #00458d;
}
#co #mainContents #labStaffBox > .inner{
margin: 0 auto;
padding: 30px 0;
display: flex;
width: 480px;
align-items: center;
}
#co #mainContents #labStaffBox.noimage > .inner{
display: block;
}
#co #mainContents #labStaffBox .photoBox{
margin: 0;
padding: 0;
width: 210px;
text-align: left;
}
#co #mainContents #labStaffBox .photoBox .box{
margin: 0 0 15px 0;
padding: 0;
}
#co #mainContents #labStaffBox.c02 > .inner{
width: 700px;
}
#co #mainContents #labStaffBox.c02 .photoBox{
font-size: 0;
width: 430px;
}
#co #mainContents #labStaffBox.c02 .photoBox .box{
margin: 0 10px 15px 0;
display: inline-block;
font-size: 1.0rem;
width: 210px;
vertical-align: top;
}
#co #mainContents #labStaffBox.c02 .photoBox .box:nth-child(2n){
margin-right: 0;
}
#co #mainContents #labStaffBox .photoBox .box:last-child{
margin-bottom: 0;
}
#co #mainContents #labStaffBox .photoBox .box p.photo{
margin: 0 0 5px 0;
padding: 0;
text-align: center;
}
#co #mainContents #labStaffBox .photoBox .box p.name{
margin: 8px 0 0;
padding: 0;
font-size: 0.85rem;
line-height: 1.6;
color: #004117;
text-align: center;
}
#pharmacyPage #co #mainContents #labStaffBox .photoBox p.name{
color: #00ac97;
}
#pharmacyPage #co #mainContents #labStaffBox.type02 .photoBox .box p.name{
color: #3e3a39;
text-align: left;
}
#medicinePage #co #mainContents #labStaffBox .photoBox p.name{
color: #51318f;
}
#co #mainContents #labStaffBox .detailBox{
margin: 0;
padding: 0 0 0 25px;
box-sizing: border-box;
width: 270px;
text-align: left;
}
#co #mainContents #labStaffBox.noimage .detailBox{
padding: 0;
width: 100%;
}
#co #mainContents #labStaffBox .detailBox p.title{
margin: 0 0 6px 0;
padding: 0;
font-size: 1.0rem;
line-height: 1.3;
color: #004117;
position: relative;
font-weight: 900;
white-space:nowrap;
}
#co #mainContents #labStaffBox .detailBox p.title:after{
margin: 0;
padding: 0;
position: absolute;
content: "";
display: block;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #004117;
z-index: 1;
}
#co #mainContents #labStaffBox .detailBox p.title span{
margin: 0;
padding: 0 10px 0 0;
display: inline-block;
background: #f4f4f4;
position: relative;
z-index: 2;
}
#co #mainContents #labStaffBox.type02 .detailBox p.title span{
background: #BFEAE5;
}
#pharmacyPage #co #mainContents #labStaffBox .detailBox p.title{
color: #00ac97;
}
#pharmacyPage #mainContents #labStaffBox .detailBox p.title:after{
background: #00ac97;
}
#medicinePage #co #mainContents #labStaffBox .detailBox p.title{
	color: #00458d;
}
#medicinePage #mainContents #labStaffBox .detailBox p.title:after{
background: #00458d;
}
#co #mainContents #labStaffBox .detailBox table{
margin: 0 0 10px 0;
padding: 0;
width: 100%;
border-bottom: solid 1px #004117;
}
#pharmacyPage #co #mainContents #labStaffBox .detailBox table{
border-bottom-color: #00ac97;
}
#medicinePage #co #mainContents #labStaffBox .detailBox table{
	border-bottom-color: #00458d;
}
#co #mainContents #labStaffBox .detailBox table th,
#co #mainContents #labStaffBox .detailBox table td{
margin: 0;
padding: 0 0 10px;
font-size: 0.875rem;
line-height: 1.6;
text-align: left;
vertical-align: top;
}
#co #mainContents #labStaffBox .detailBox table .top{
background: #DBFDE7;
display: inline-block;
padding: 3px 5px;
}
#pharmacyPage #co #mainContents #labStaffBox .detailBox table .top{
background: #b2e6e0;
}
#medicinePage #co #mainContents #labStaffBox .detailBox table .top{
	background: #d8e4f0;
}
#co #mainContents #labStaffBox .detailBox table td{
text-align: right;
}
#co #mainContents #labStaffBox.type02 .detailBox table td{
text-align: left;
}
#co #mainContents #labStaffBox .detailBox table td p.btn{
margin: 0 0 0 5px;
padding: 0;
border-radius: 5px;
background-color: #004117;
box-shadow: 1px 1px 2px 0.78px rgba(35, 24, 21, 0.6);
display: inline-block;
font-size: 0.75rem;
font-weight: 500;
}
#pharmacyPage #co #mainContents #labStaffBox .detailBox table td p.btn{
background-color: #33bdab;
}
#medicinePage #co #mainContents #labStaffBox .detailBox table td p.btn{
	background-color: #00458d;
}
#co #mainContents #labStaffBox .detailBox table td p.btn a{
margin: 0;
padding: 3px 16px 3px 8px;
display: block;
color: #FFF;
text-decoration: none;
position: relative;
}
#co #mainContents #labStaffBox .detailBox table td p.btn a:before{
margin: 0;
padding: 0;
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 5px;
border-color: transparent transparent transparent #FFF;
position: absolute;
right: 6px;
top:50%;
transform: translateY(-50%);
}
#co #mainContents #labStaffBox .detailBox table td p.btn a:after{
margin: 0;
padding: 0;
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #004117;
position: absolute;
right: 8px;
top:50%;
transform: translateY(-50%);
}
#pharmacyPage #co #mainContents #labStaffBox .detailBox table td p.btn a:after{
border-color: transparent transparent transparent #33bdab;
}
#medicinePage #co #mainContents #labStaffBox .detailBox table td p.btn a:after{
border-color: transparent transparent transparent #00458d;
}
#co #mainContents #labStaffBox .detailBox p.btnLink{
margin: 0;
padding: 0;
border-radius: 5px;
background-color: #004117;
box-shadow: 1px 1px 2px 0.78px rgba(35, 24, 21, 0.6);
display: block;
font-size: 0.91rem;
font-weight: 500;
text-align: center;
border: solid 1px #FFF;
}
#co #mainContents #labStaffBox .detailBox p.btnLink+p.btnLink{
margin-top: 15px;
}
#pharmacyPage #co #mainContents #labStaffBox .detailBox p.btnLink{
background-color: #33bdab;
}
#medicinePage #co #mainContents #labStaffBox .detailBox p.btnLink{
background-color: #00458d;
}
#co #mainContents #labStaffBox .detailBox p.btnLink a{
margin: 0;
padding: 5px 20px 5px 10px;
display: block;
color: #FFF;
text-decoration: none;
position: relative;
}
#co #mainContents #labStaffBox .detailBox p.btnLink a:before{
margin: 0;
padding: 0;
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #FFF;
position: absolute;
right: 10px;
top:50%;
transform: translateY(-50%);
}
#co #mainContents #labStaffBox .detailBox p.btnLink a:after{
margin: 0;
padding: 0;
content: "";
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 4px 0 4px 6px;
border-color: transparent transparent transparent #004117;
position: absolute;
right: 12px;
top:50%;
transform: translateY(-50%);
}
#pharmacyPage #co #mainContents #labStaffBox .detailBox p.btnLink a:after{
border-color: transparent transparent transparent #33bdab;
}
#medicinePage #co #mainContents #labStaffBox .detailBox p.btnLink a:after{
border-color: transparent transparent transparent #00458d;
}
#co #mainContents #labSummaryBox{
margin: 0;
padding: 0;
background-color: #F4FFF8;
}
#pharmacyPage #co #mainContents #labSummaryBox{
background-color: #F0FAF9;
}
#medicinePage #co #mainContents #labSummaryBox{
	background-color: #eff6fc;
}
#co #mainContents #labSummaryBox > .inner{
margin: 0 auto;
padding: 50px 0;
width: 840px;
text-align: left;
}
#co #mainContents #labSummaryBox h4{
margin: 0 0 30px;
padding: 8px 0;
background-color: #DBFDE7;
border: solid 2px #004117;
box-shadow: 2.571px 3.064px 5.22px 0.78px rgba(35, 24, 21, 0.6);
font-size: 1.5rem;
font-weight: 900;
text-align: center;
color: #004117;
clear: both;
}
#pharmacyPage #co #mainContents #labSummaryBox h4{
background-color: #B5E7E1;
border-color: #00ac97;
color: #00ac97;
}
#medicinePage #co #mainContents #labSummaryBox h4{
	background-color: #d8e4f0;
	border-color: #00458d;
	color: #00458d;
}
#co #mainContents #labSummaryBox p+h4{
margin-top: 80px;
}
#co #mainContents #labSummaryBox p{
margin: 0 0 20px;
padding: 0;
font-size: 1.0rem;
line-height: 2.0;
}
#co #mainContents #labSummaryBox p.read{
padding: 0 0 10px 0;
font-size: 1.0rem;
line-height: 1.6;
border-bottom: solid 2px #004117;
text-align: center;
}
#co #mainContents #labSummaryBox ul.imgList{
margin: 0 0 30px;
padding: 0;
font-size: 0;
}
#co #mainContents #labSummaryBox ul.imgList li{
margin: 0 10px 10px 0;
padding: 0;
font-size: 1.0rem;
display: inline-block;
}
#co #mainContents #labSummaryBox .listBox{
margin: 0 0 50px;
padding: 0;
}
#co #mainContents #labSummaryBox .listBox .box{
margin: 0;
padding: 20px 20px;
border-bottom: solid 1px #004117;
}
#pharmacyPage #co #mainContents #labSummaryBox .listBox .box{
border-bottom-color: #00ac97;
}
#medicinePage #co #mainContents #labSummaryBox .listBox .box{
border-bottom-color: #51318f;
}
#co #mainContents #labSummaryBox .listBox .box:first-child{
padding-top: 0;
}
#co #mainContents #labSummaryBox .listBox .box p{
margin: 0;
padding: 0;
font-size: 1.0rem;
line-height: 1.6;
}
#pharmacyPage #co #mainContents #labSummaryBox p.read{
border-bottom-color: #00ac97;
}
#medicinePage #co #mainContents #labSummaryBox p.read{
border-bottom-color: #51318f;
}
#co #mainContents #labSummaryBox #kamokuList{
margin: 0 auto;
padding: 0;
width: 800px;
}
#co #mainContents #labSummaryBox #kamokuList .box{
margin: 0 0 50px;
padding: 0;
}
#co #mainContents #labSummaryBox #kamokuList .box:last-child{
margin-bottom: 0;
}
#co #mainContents #labSummaryBox #kamokuList .box .titleBox{
margin: 0 0 10px;
padding: 0;
background: #FFF;
border: solid 2px #004117;
display: flex;
}
#co #mainContents #labSummaryBox #kamokuList .box .titleBox:last-child{
margin-bottom: 0;
}
#co #mainContents #labSummaryBox #kamokuList .box .titleBox h5{
margin: 0;
padding: 8px 10px;
border-right: solid 2px #004117;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.0rem;
line-height: 1.6;
font-weight: 900;
color: #004117;
width: 180px;
box-sizing: border-box;
text-align: center;
}
#co #mainContents #labSummaryBox #kamokuList .box .titleBox p.txt{
margin: 0;
padding: 8px 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
line-height: 1.6;
font-weight: 500;
color: #004117;
width: calc(100% - 158px);
box-sizing: border-box;
}
#pharmacyPage #co #mainContents #labSummaryBox #kamokuList .box .titleBox{
border-color: #00ac97;
}
#pharmacyPage #co #mainContents #labSummaryBox #kamokuList .box .titleBox h5{
border-right-color: #00ac97;
color: #00ac97;
}
#pharmacyPage #co #mainContents #labSummaryBox #kamokuList .box .titleBox p.txt{
color: #00ac97;
}
#medicinePage #co #mainContents #labSummaryBox #kamokuList .box .titleBox{
	border-color: #00458d;
}
#medicinePage #co #mainContents #labSummaryBox #kamokuList .box .titleBox h5{
	border-right-color: #00458d;
	color: #00458d;
}
#medicinePage #co #mainContents #labSummaryBox #kamokuList .box .titleBox p.txt{
	color: #00458d;
}
#co #mainContents #labSummaryBox #kamokuList .box .detailBox{
margin: 0 0 10px;
padding: 0 0 10px;
display: flex;
border-bottom: solid 2px #004117;
}
#co #mainContents #labSummaryBox #kamokuList .box .detailBox:last-child{
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
#co #mainContents #labSummaryBox #kamokuList .box .detailBox .title{
margin: 0;
padding: 10px 0;
border-right: solid 2px #004117;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.0rem;
line-height: 1.2;
font-weight: 900;
color: #004117;
width: 180px;
box-sizing: border-box;
}
#pharmacyPage #co #mainContents #labSummaryBox #kamokuList .box .detailBox{
border-bottom-color: #00ac97;
}
#pharmacyPage #co #mainContents #labSummaryBox #kamokuList .box .detailBox .title{
border-right-color: #00ac97;
color: #00ac97;
}
#medicinePage #co #mainContents #labSummaryBox #kamokuList .box .detailBox{
	border-bottom-color: #00458d;
}
#medicinePage #co #mainContents #labSummaryBox #kamokuList .box .detailBox .title{
	border-right-color: #00458d;
	color: #00458d;
}
#co #mainContents #labSummaryBox #kamokuList .box .detailBox .title p.ico{
margin: 0;
padding: 0;
}
#co #mainContents #labSummaryBox #kamokuList .box .detailBox .title p.ico.nerai{
width: 45px;
height: auto;
}
#co #mainContents #labSummaryBox #kamokuList .box .detailBox .title p.ico.message{
width: 58px;
height: auto;
}
#co #mainContents #labSummaryBox #kamokuList .box .detailBox p.txt{
margin: 0;
padding: 10px 0 10px 30px;
font-size: 1rem;
line-height: 1.8;
font-weight: 500;
display: flex;
flex-wrap: wrap;
align-items: center;
width: calc(100% - 160px);
box-sizing: border-box;
}
#co #mainContents .btnBox{
margin: 0;
padding: 0;
}
#co #mainContents .btnBox ul{
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
}
#co #mainContents .btnBox ul li{
margin: 0 10px 0 0;
padding: 0;
display: inline-block;
background-color: #004117;
border-radius: 8px;
font-size: 0.91rem;
line-height: 1.2;
}
#co #mainContents .btnBox ul li:last-child{
margin-right: 0;
}

#pharmacyPage #co #mainContents .btnBox ul li{
	background-color: #00ac97;
}

#medicinePage #co #mainContents .btnBox ul li{
	background-color: #00458d;
}

#co #mainContents .btnBox ul li a{
	margin: 0;
	padding: 10px 40px;
	display: block;
	text-decoration: none;
	color: #FFF;
	background: url("../images/point_01.png") no-repeat right 10px center;
	background-size: 5px auto;
}

/*  +++++++++++++++++++++++++ news LIST +++++++++++++++++++++++++ */

#co.pharmacy #mainContents #NewsBox.newsList{
	height: auto;
	overflow: auto;
	margin-bottom: auto;
}
#co.pharmacy #mainContents #NewsBox.newsList a{
	padding:0px;
}
#co.pharmacy #mainContents #NewsBox.newsList a .date{
	width:250px;
}
#co.pharmacy #mainContents #NewsBox.newsList a .title{
    width:590px;
    margin-bottom: 10px;
}
#co.pharmacy #mainContents #NewsBox a.media .ico {
	background: #231815;
}
#co.pharmacy #mainContents #NewsBox a.koumu .ico {
	background: #01913A;
}
#co.pharmacy #mainContents #NewsBox a.notice .ico {
	background: #427BC0;
}
#co.pharmacy #mainContents #NewsBox.newsList a img {
    margin: 0 10px 0 0;
    padding: 9px 0 0 0;
    position: relative;
	vertical-align:top;
}
#detailPage #detailCo img{
width:auto !important;
max-width:100%;
}
#detailPage table {
margin: 0 0 30px 0;
padding: 0;
clear: both;
width: auto !important;
}
#detailPage table th,
#detailPage table td {
margin: 0;
padding: 15px;
font-size: 0.91rem;
line-height: 1.6;
box-sizing: border-box;
vertical-align: middle;
border: solid 1px #999;
/*background: #FFF;*/
width: auto !important;
}
#detailPage table th {
vertical-align: middle;
background:#EEE;
text-align: center;
}
#detailPage h2{
font-size: 1.6rem;
text-align: left;
color: #FFF;
margin: 0 0 40px;
padding:15px 28px;
background-color: #004117;
border-radius: 6px;
clear: both;
}
#detailPage h3{
font-size: 1.4rem;
text-align: left;
color: #004117;
margin: 0 0 40px;
padding: 0 0 12px;
border-bottom:solid 1px #231815;
clear: both;
}
#detailPage h4{
font-size: 1.1rem;
text-align: left;
color: #004117;
margin: 0 0 30px;
padding: 0 0 0 10px;
border-left:solid 5px #004117;
clear: both;
}
#detailPage h5{
font-size: 1.1rem;
text-align: left;
margin: 0 0 20px;
padding: 12px 15px;
background-color: #E6EBE7;
color: #004117;
border-left:solid 2px #004117;
border-bottom: solid 1px #D3D8D4;
clear: both;
}
#detailPage h5 a{
color: #004117;
}
#detailPage div.gallery {
margin: 0 0 30px;
padding: 0;
font-size: 0;
}
#detailPage div.gallery dl.gallery-item {
margin: 0;
margin-bottom: 12px !important;
padding: 0;
font-size: 1.0rem;
display: inline-block;
width: 100%;
vertical-align: top;
}
#detailPage div.gallery dl.gallery-item dt {
margin: 0 0 5px;
padding: 0;
}
#detailPage div.gallery dl.gallery-item dd {
margin: 0;
padding: 0;
font-size: 1.0rem;
}
#detailPage div.gallery.gallery-columns-1 dl.gallery-item { /** カラムなし **/
width: 100%;
margin-right: 0;
}
#detailPage div.gallery.gallery-columns-2 dl.gallery-item { /** 2カラム **/
width: 48%;
margin: 0 1%;
}
#detailPage div.gallery.gallery-columns-3 dl.gallery-item { /** 3カラム **/
width: 31.33333%;
margin: 0 1%;
}
#detailPage div.gallery.gallery-columns-4 dl.gallery-item { /** 4カラム **/
width: 23%;
margin: 0 1%;
}
#detailPage div.gallery.gallery-columns-5 dl.gallery-item { /** 5カラム **/
width: 18%;
margin: 0 1%;
}
#detailPage img.alignleft {
float: left;
display:block;
padding:0 15px 10px 0;
}
#detailPage img.alignright {
float: right;
display:block;
padding:0 0 10px 15px;
}
#detailPage img.aligncenter {
display:block;
clear: both;
text-align: center;
}



/*  +++++++++++++++++++++++++ pagination +++++++++++++++++++++++++ */

.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
text-align: center;
}
.pagenation li {
/*
    float: left;*/
    list-style: none outside none;
    margin-left: 3px;
display: inline-block;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}





/*  +++++++++++++++++++++++++ archiveBox +++++++++++++++++++++++++ */

#co #mainContents #archiveBox{
margin: 0;
padding: 0;
border-top: solid 1px #3E3A39;
}
#co #mainContents #archiveBox > .inner{
margin: 0 auto;
padding: 80px 0;
width: 1100px;
}
#co #mainContents #archiveBox h2{
margin: 0 0 100px;
padding: 0;
font-size: 1.8rem;
line-height: 1.4;
width: auto;
color: #3e3a39;
font-weight: 900;
}
#co #mainContents #archiveBox h2 span{
position: relative;
}
#co #mainContents #archiveBox h2 span:before{
margin: 0;
padding: 0;
content: "";
width: 44px;
height: 24px;
display: inline-block;
background: url("../tmpu/img/archive_point.png") no-repeat center center;
background-size: contain;
position: absolute;
left: 50%;
bottom: -50px;
transform: translateX(-50%);
}
#co #mainContents #archiveBox #archiveList{
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#co #mainContents #archiveBox #archiveList .box{
margin: 0;
padding: 0;
width: 33.333%;
text-align: left;
}
#co #mainContents #archiveBox #archiveList .box a{
margin: 0;
padding: 30px;
display: block;
text-decoration: none;
height: 100%;
box-sizing: border-box;
}
#co #mainContents #archiveBox #archiveList .box a:hover{
opacity: 0.9;
}
#co #mainContents #archiveBox #archiveList .box h3{
margin: 0 0 20px;
padding: 0;
font-size: 1.0rem;
line-height: 1.6;
}
#co #mainContents #archiveBox #archiveList .box p{
margin: 0;
padding: 0;
font-size: 0.81rem;
line-height: 1.6;
}
#co #mainContents #archiveBox #archiveList .box p.photo{
margin: 0 0 20px;
text-align: center;
position: relative !important;
width: auto !important;
}
#co #mainContents #archiveBox #archiveList .box p.photo img{
width: 175px;
height: auto;
}
#co #mainContents #archiveBox #archiveList .box p.read{
margin: 0 0 20px;
font-size: 1.1rem;
}
#co #mainContents #archiveBox #archiveList .box p:last-child,
#co #mainContents #archiveBox #archiveList .box p.read:last-child{
margin-bottom: 0;
}



/*  +++++++++++++++++++++++++ archiveBox color variation +++++++++++++++++++++++++ */

/* c01 */

#co #mainContents #archiveBox #archiveList .box.c01{
background: #FCF1F6;
}
#co #mainContents #archiveBox #archiveList .box.c01 h3{
color: #EB6D80;
}

/* c02 */

#co #mainContents #archiveBox #archiveList .box.c02{
background: #E9ECF6;
}
#co #mainContents #archiveBox #archiveList .box.c02 h3{
color: #245993;
}

/* c03 */

#co #mainContents #archiveBox #archiveList .box.c03{
background: #FFF6E9;
}
#co #mainContents #archiveBox #archiveList .box.c03 h3{
color: #F2971B;
}

/* c04 */

#co #mainContents #archiveBox #archiveList .box.c04{
background: #F5F2EC;
}
#co #mainContents #archiveBox #archiveList .box.c04 h3{
color: #796A56;
}

/* c05 */

#co #mainContents #archiveBox #archiveList .box.c05{
background: #EFF5F2;
}
#co #mainContents #archiveBox #archiveList .box.c05 h3{
color: #00AC97;
}