@charset "utf-8";

/* 背景：医研について */
.pages.category-about .background { background:url("../images/indexpage_background-pc.jpg") center no-repeat; background-size:100% !important; background-position:top center;}
@media screen and (max-width:1024px) {
  .pages.category-about .background { background:url("../images/indexpage_background-tb.jpg") top center no-repeat; background-size:100% !important; background-position:top 50px center;}
}
@media screen and (max-width:767px) {
  .pages.category-about .background { background:url("../images/indexpage_background-sp.jpg") top center no-repeat; background-size:100% !important; background-position:top 50px center;}
}

/* 背景色を右端までのばす：医研について */
/* 個別設定なし */

/* 下層コンテンツヘッダ：医研について */
/* 個別設定なし */

/* 下層コンテンツボディ：医研について */
/* 個別設定なし */

.h-border-left { color:#595858;}
.h-border-left::before{ background:#595858;}
.content-innerbox > p,
.content-innerbox > ol li,
.content-innerbox > ol li > p { font-size:1.8rem; line-height:2.555555555555;}
#contribution-index .content-innerbox > .list-number li { padding:0; margin-bottom:1em !important;}

.index-name { font-size:2rem !important; font-weight:500; margin-bottom:2em !important;}
#about-index .picture-box { width:86%; max-width:1046px; margin:0 auto 50px;}
@media screen and (max-width:1024px) {
  .content-innerbox > p { width:86%; margin:0 auto;}
  .index-name { font-size:1.9rem !important;}
}
@media screen and (max-width:767px) {
  .index-name { font-size:1.6rem !important;}
}

/* 見出し */
.h-background > span { display:inline-block; color:#fff; background:#595858; font-weight:500; line-height:1.4; padding:22px 60px; margin-bottom:1em;}
@media screen and (max-width:1400px) {
  .h-background > span { padding:22px 40px;}
}
@media screen and (max-width:1024px) {
  .h-background { width:86%; margin:0 auto;}
}
@media screen and (max-width:767px) {
  .h-background > span { padding:20px 30px;}
}

/* 表組 */
.list-company { width:100%; margin:0 auto 50px; display:flex; flex-wrap:wrap;}
.list-company dt, .list-company dd { font-size:1.8rem; line-height:1.75; padding:16px; margin-bottom:2px;}
.list-company dt { width:10em; font-weight:700;}
.list-company dd { width:calc(100% - 10em);}
.list-company dd > p > span:first-of-type { margin-right:1em;}
.list-company.company-overview dt { background:#709bb0; color:#fff;}
.list-company.company-overview dd { background:#d4e2ea;}
.list-company.company-history dt { background:#709bb0; color:#fff;}
.list-company.company-history dd { background:#d4e2ea;}
@media screen and (max-width:1024px) {
  .list-company { width:86%; margin:0 auto 50px;}
  .list-company dt, .list-company dd { font-size:1.6rem;}
}
@media screen and (max-width:1024px) {
  .list-company { flex-direction:column;}
  .list-company dt, .list-company dd { width:100% !important; font-size:1.4rem;}
  .list-company dt { margin-bottom:1px;}
  .list-company dd { margin-bottom:4px;}
  .list-company dd > p > span { margin-right:0 !important; display:block;}
}

/* map */
.text-access { line-height:1.75;}
.map-box { height:0; overflow:hidden; padding-bottom:56.25%; position:relative;}
.map-box iframe { position:absolute; left:0; top:0; height:100%; width:100%;}
@media screen and (max-width:1024px) {
  .map-box { width:86%; margin:0 auto; padding-bottom:80%;}
}

#about-company .picture-box { width:86%; max-width:1200px; margin:0 auto 50px 0;}
.note-sp_only { display:none;}
@media screen and (max-width:1024px) {
  #about-company .picture-box { margin:0 auto 10px;}
  .note-sp_only { display:block; font-size:1.1rem !important; line-height:1.4 !important; margin-bottom:50px; color:#aaa;}
}

/* 理事・監事・評議員 */
#about-management .content-innerbox h3,
#about-disclosure .content-innerbox h3 { font-size:2.6rem;}
.company-management { border-top:2px solid #709bb0; border-bottom:2px solid #709bb0; margin-bottom:60px;}
.company-management dt, .company-management dd { border-bottom:1px solid #d4e2ea;}
.company-management dt:last-of-type, .company-management dd:last-of-type { border-bottom:0 none;}
@media screen and (max-width:1024px) {
  .company-management { margin-bottom:40px;}
  .company-management dt { padding:16px 16px 0 16px; border-bottom:0 none; font-size:1.8rem;}
  .company-management dd { padding:4px 16px 16px 16px;}
  #about-management .content-innerbox h3,
  #about-disclosure .content-innerbox h3 { font-size:2.2rem;}
}
@media screen and (max-width:767px) {
  .company-management dt { font-size:1.6rem;}
  #about-management .content-innerbox h3,
  #about-disclosure .content-innerbox h3 { font-size:1.7rem;}
  #about-disclosure .no-icon { line-height:1.8;}
}

#contribution-index .h-colortext { font-size:2.4rem; color:#00a3df;}
.line-height175 { line-height:1.75 !important;}
.line-height185 { line-height:1.85 !important;}
@media screen and (max-width:1024px) {
  #contribution-index .h-colortext { width:86%; margin:0 auto; font-size:2rem;}
}

@media screen and (max-width:767px) {
  .note-text { font-size:1.3rem !important;}
}

/* トピックス一覧 */
.topics-list { width:100%; margin:0 auto 50px;}
.topics-list li { padding:24px 0; font-size:1.8rem; line-height:1.4; border-bottom:1px solid rgba(89,88,88,.25); transition:all .2s;}
.topics-list li span { padding:0 38px;}
.topics-list li .topics-category { display:inline-block; width:12em; text-align:center; border:1px solid rgba(89,88,88,.25); background:#fff; padding:1px; font-weight:500;}
.topics-list li .topics-title { display:inline-block; vertical-align:top; width:calc(100% - 183px - 12em);}
.topics-list li > a { color:#595858; text-decoration:none;}
.topics-list li:hover > a { opacity:1; color:#333;}
.topics-list li:hover { background:#fff; transition:all .2s; cursor:pointer;}
.topics-list li.no-link:hover { background:transparent; cursor:default;}

@media screen and (max-width:1200px) {
  .topics-list { display:block; width:84% !important; margin:0 auto !important;}
  .topics-box > h2 span,
  .projects-box > h2 span { margin-bottom:30px;}
}

@media screen and (max-width:1023px) {
  .topics-list { width:100% !important;}
  .topics-list li { padding:16px 0; margin:0 30px; font-size:1.4rem; line-height:1.5;}
  .topics-list li span { padding:0 !important;}
  .topics-list li .topics-date { margin-right:1em;}
  .topics-list li .topics-category { padding:3px 0;}
  .topics-list li .topics-title { display:block !important; width:100%; margin-top:1em;}
}

/* トピックス記事　開催案内など */
.topics_eventinfo span { display:inline-block;}
.topics_eventinfo .indent5em { margin-left:5.5em;}
.topics_eventinfo .indent6em { margin-left:6.6em;}
.topics_tbl_dl { display:flex; flex-wrap:wrap; width:100%; font-size:1.8rem; line-height:1.75;}
.topics_tbl_dl dt { width:11em; padding:8px 0;}
.topics_tbl_dl dd { width:calc(100% - 11em); padding:8px 0;}
@media screen and (max-width:1199px) {
  .topics_eventinfo .indent5em,
  .topics_eventinfo .indent6em { margin-left:0;}
}
@media screen and (max-width:1024px) {
  .topics_tbl_dl { display:block; width:86%; margin:0 auto; font-size:1.6rem;}
  .topics_tbl_dl dt { width:100%; padding:4px 0;}
  .topics_tbl_dl dd { width:100%; padding:4px 0 12px 1em;}
}
@media screen and (max-width:767px) {
  .topics_tbl_dl { font-size:1.4rem;}
}

/* about company.html */
.company-directions li { text-align: center; line-height: 1.75 !important;}
.company-directions li > .pc_only { display:block;}
@media screen and (max-width:1023px) {
  .company-directions li { text-align: left; width: 86%; margin: 0 auto;}
  .company-directions li > .pc_only { display:none !important;}
}

/* トピックス：写真2カラム */
.topics_img_2column { display: flex; justify-content: space-between}
.topics_img_2column li { width: 48.4%;}
.topics_img_2column li > p { font-size: 90% !important; padding-top: .5em;}
@media screen and (max-width:1023px) {
  .topics_img_2column { width: 86%; margin: 0 auto;}
}
@media screen and (max-width:767px) {
  .topics_img_2column { display: block;}
  .topics_img_2column li { width: 100%; margin-bottom: 1em;}
}