/*======================================================================
Project Name : https://www.omu.ac.jp/med/interm2/
Copyright © 2023 Notion Co.,ltd. All rights reserved.
This source code or any portion thereof must not be  
reproduced or used in any manner whatsoever.
======================================================================*/
span.bpts_br{
   display:none;
}
@media(max-width:768px){
span.bpts_br{
    display:block;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	「診療と研究」のメニュー表示を二列に
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media print, (min-width: 1200px) {
.gnav-main__list1 li:nth-child(2) ul.gnav-main__list2{
        display: grid;
        grid-template-columns: 1fr 1fr;
}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	グローバルメニュータイトル文字
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav-top .g-nav__medium_site-jp__ttl {
	font-size: 2.0rem !important;
}

/* h1位置調整 */
@media print, (min-width: 1200px) {
.nav-top .g-nav__medium_site-jp {
    padding: 5px 0px 0px 0px !important;
    line-height: 1.4;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページ（その他・見出しや本文など）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.col_marker_red {
    background: #ffc0cb;
    font-weight: bold;
}

.l_archive_box {
	padding-left: 0px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページ（消化器内科医を目指す方へ・見出しや本文など）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------
	繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝��繝悶Ν
-------------------------------------------------- */
.sticky_table {
	width: 100%;
	margin: 0 auto 10px;
	padding: 0;
	background-color: #f9f9f9;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px #659B8D solid;
	border-spacing: 0;
}
.sticky_table thead {
	background-color: #80C4B2;
	color: #fff;
}
.sticky_table th {
	margin-bottom: 9px;
	padding: 9px 15px;
	/*	border-left: 1px #836089 solid;*/
	border-left: 1px #4D7C70 solid; /*阮�げ繝ｬ繝ｼ*/
	font-weight: normal;
}
.sticky_table th:first-child {
	border-left-width: 0;
}
.sticky_table tbody {
	vertical-align: top;
}
.sticky_table tbody td {
	border-left: 1px #4D7C70 solid;
	text-align: center;
}
.sticky_table tbody td:first-child {
	border-left-width: 0;
}
.sticky_table_mobile {
	display: none;
}
.sticky_table th, .sticky_table td {
	display: table-cell;
}
.sticky_table td:before {
	display: none;
}
.sticky_table tr:nth-child(even) {
	background-color: #eaeaea;
}
.sticky_table th {
	padding: 7px 4px;
}
.sticky_table td {
	padding: 7px 7px;
}
.sticky_table td:before {
	display: none;
}
.sticky_table .date {
	width: 8em;
}
.sticky_table .contents {
	width: 150px;
}
.sticky_table thead th {
	/* 邵ｦ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ譎ゅ↓蝗ｺ螳壹☆繧� */
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	/* tbody蜀��繧ｻ繝ｫ繧医ｊ謇句燕縺ｫ陦ｨ遉ｺ縺吶ｋ */
	z-index: 1;
	background-color: #72B6A7;
	color: #fff;
}
.sticky_table th:first-child {
	/* 讓ｪ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ譎ゅ↓蝗ｺ螳壹☆繧� */
	position: -webkit-sticky;
	position: sticky;
	left: 0;
}
.sticky_table tbody th:first-child {
	/* 繝倥ャ繝€繝ｼ陦悟�縺ｮ莉悶�繧ｻ繝ｫ繧医ｊ謇句燕縺ｫ陦ｨ遉ｺ縺吶ｋ */
	z-index: 99;
	background-color: #72B6A7;
	color: #fff;
}
.sticky_table tbody th {
	border-top: 1px #4D7C70 solid;
}
@media only screen and (max-width:768px) {
	.sticky_table {
		width: 130%;
	}
	.sticky_table_wrapper {
		overflow-x: scroll;
		width: 100%;
	}
}

/* ----------------------------------------------- 内科専門研修の流れ */
.l_scroll {
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページ（業績一覧・見出しや本文など）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------- 業績一覧、年度ごとの内容のテーブル */
@media screen and (min-width: 769px) {
.col_table_responsive .contents {
    width: 150px !important;
	background-color: #80c4b2;
}
}

@media screen and (min-width: 769px) {
.col_table_responsive .date {
    width: 8em;
}
}

/* ----------------------------------------------- 学会発表 */
/* =================================
           横並びのテーブル 
 ==================================*/
.unit_table_side {
  max-width: 1100px;
  width: 100%;
  margin: 30px auto;
}
.unit_table_side table {
  width: 100%;
  border-collapse: collapse;
  border-width: 1px;
}
.unit_table_side table tr th, .unit_table_side table tr td {
  padding: 0.5em;
  text-align: left;
  vertical-align: top;
  border-bottom: #80C4B2 2px solid;
}
.unit_table_side table tr th {
  width: 20%;
  font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
  font-weight: bold;
}
@media screen and (max-width:768px) {
  .unit_table_side {
    width: 100%;
  }

  .unit_table_side table, .unit_table_side table tbody, .unit_table_side table tr, .unit_table_side table tr th, .unit_table_side table tr td {
    display: block;
  }
	.unit_table_side table tr{
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dashed #ccc;
	}
  .unit_table_side table {
    width: 100%;
    border-width: 0 0 1px 0;
  }
  .unit_table_side table tr th, .unit_table_side table tr td {
    width: 100%;
    padding: 2px 0;
  }
  .unit_table_side table tr td {
    border-width: 0px 1px 0px 1px;
  }
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページ（患者様へのご案内・見出しや本文など）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------- 便秘外来のご案内 */
.upts_scroll_table_wrapper table {
    border-collapse: collapse;
    margin: 30px auto;
}

.upts_scroll_table_wrapper table th:first-child {
    text-align: left;
}

.upts_scroll_table_wrapper th {
    text-align: center;
}

.upts_scroll_table_wrapper td, .upts_scroll_table_wrapper th {
    border: 1px solid #ccc;
    padding: 0.5em;
}

.upts_scroll_table_wrapper th {
    background: #F4F4F4;
}

.upts_scroll_table_wrapper td, .upts_scroll_table_wrapper th {
    border: 1px solid #ccc;
    padding: 0.5em;
}

@media only screen and (max-width: 768px) {
.upts_scroll_table_wrapper {
    overflow: scroll!important;
}
}

@media only screen and (max-width: 768px) {
.upts_scroll_table_wrapper table {
    width: 110%;
    font-size: .9rem;
    line-height: 2rem;
}
}

@media only screen and (max-width: 768px) {
.upts_scroll_table_wrapper table th:first-child {
    width: 8em;
    position: sticky;
    left: 0;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページ（診療と研究・見出しや本文など）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------- 臨床実績 */
.l_jisseki_list ul {
    width: 45%;
}

/* ----------------------------------------------- 難治性胃食道逆流症 */
.col_mark_number_square {
    counter-reset: number;
    list-style-type: none !important;
    padding: 0;
    margin-bottom: 20px;
}

.col_mark_number_square li {
    position: relative;
    padding: 0.5em;
    line-height: 1.5em;
    background: #F4F4F4;
    border-left: solid 35px #80C4B2;
    margin-bottom: 5px;
}

.col_mark_number_square li:before {
    position: absolute;
    counter-increment: number;
    content: counter(number);
    display: inline-block;
    color: white;
    font-family: 'Avenir', 'Arial Black', 'Arial', sans-serif;
    font-weight: bold;
    font-size: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -35px;
    width: 35px;
    height: 1em;
    line-height: 1;
    text-align: center;
}

/* ----------------------------------------------- 当科における新しい取り組み */

.col_mark_circle.border li {
    border-bottom: 1px dashed #d4d4d4;
    width: 90%;
    padding-bottom: 10px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページ（教室紹介・見出しや本文など）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* スペーサー */
.bpts_spacer_h20 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 20px;
    line-height: 20px;
}

.bpts_spacer_h30 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 30px;
    line-height: 20px;
}

.bpts_spacer_h80 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 80px;
    line-height: 20px;
}

/* ----------------------------------------------- ご挨拶 */
.col_danraku_midashi {
    padding: 1rem 2rem;
    border-top: 3px solid #000;
    background: #EFEFEF;
    margin: 1.2em 0;
	font-size: 3.2rem;
	font-weight: normal;
}
@media only screen and (max-width: 768px) {
.col_danraku_midashi {
	font-size: 2.5rem;
}
}

.col_internal_komidashi {
    padding: 0.05em 0.05em 0.05em 0.7em;
    margin-bottom: 15px;
    margin-top: 25px;
    border-left: #48A68D 5px solid;
	font-size: 1.8rem;
}
@media (max-width: 814px) {
.col_internal_komidashi {
    text-align: left;
}
}
@media (max-width: 814px) {
.col_internal_komidashi {
    font-size: 1.2em;
    margin-left: 5px;
}
}

.col_textarea_full img.f_r {
    padding: 2px 0px 5px 15px;
    float: right;
    margin: 5px;
}
@media screen and (max-width: 768px) {
.col_textarea_full img.f_r {
    float: none;
    display: block;
    margin: 0 auto;
}
}

/* float解除 */
.bpts_both {
    clear: both;
    font-size: 0px;
    line-height: 0px;
}

.l_right {
    text-align: right;
}

/* ----------------------------------------------- 教室の歴史 */
/* --------------------------------------------------
	ステップボックス
-------------------------------------------------- */
.unit_stepbox {
  position: relative;
  background: #ffffff;
  border: 4px solid #e6e6e6;
  padding: 20px 20px 26px 20px;
}
.unit_stepbox_end {
  position: relative;
  background: #ffffff;
  border: 4px solid #e6e6e6;
  padding: 20px 20px 26px 10px;
}
.unit_stepbox:after, .unit_stepbox:before {
  width: 100%;
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.unit_stepbox:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 20px;
  margin-left: -20px;
}
.unit_stepbox:before {
  border-color: rgba(230, 230, 230, 0);
  border-top-color: #e6e6e6;
  border-width: 26px;
  margin-left: -26px;
}
/*　ステップボックス レスポンシブ時　*/
@media (max-width: 768px) {
  .unit_stepbox {
    text-align: center;
  }
  .unit_stepbox_end {
    text-align: center;
  }
  .col_appealmessage {
    display: block;
    margin: 30px auto 10px auto;
    padding-left: 10px;
    text-align: left;
  }
  .unit_stepbox p {
    text-align: left;
  }
  .unit_stepbox_end p {
    text-align: left;
  }
}
/*　ステップボックス レスポンシブ時　ここまで　*/
/* ステップ中身 */
.upts_step_number {
  width: 15%;
}
.upts_step_text {
  width: 80%;
  margin: 0 auto;
}
.upts_step_number h4 {
  text-align: center;
  line-height: 1.3;
  color: #80C4B2;
}
.upts_step_number span.upts_step {
  font-size: 1.3em;
}
.upts_step_number span.upts_step02 {
  font-size: 2.5em;
  font-weight: bold;
}
@media (max-width: 768px) {
  /* ステップ中身 */
  .upts_step_number {
    width: 100%;
  }
  .upts_step_text {
    width: 100% !important;
  }
  .upts_step_number h4 {
    text-align: center;
  }
}

.col_mark_circle {
    margin: 0 0 15px 25px;
}

.col_mark_circle li {
    position: relative;
    margin-bottom: 0px; /* 10px */
}

/* リンク色 */
.col_mark_circle li a {
    border-width: 0px;
    text-decoration: none;
    color: #009999 !important;
}

.col_mark_circle li::after {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left: -1em;
    width: 6px;
    height: 6px;
    background-color: #80C4B2;
    border-radius: 100%;
}

.upts_step_text {
    width: 80%;
    margin: 0 auto;
}

.col_mark_number, .col_mark_circle, .col_mark_number_square, .col_mark_check, .col_mark_triangle, .col_mark_kome {
    margin: 10px 0;
    text-align: left;
}

/* ----------------------------------------------- 教室員の紹介 */
.col_internal_chuumidashi {
    margin: 1.5em 0 1.5em 0;
    font-weight: normal;
    position: relative;
    padding-left: 25px;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 2.5rem;
}

.col_internal_chuumidashi:before {
    position: absolute;
    content: '';
    bottom: -4px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
    border-bottom: solid 15px #666;
}

.col_internal_chuumidashi:after {
    position: absolute;
    content: '';
    bottom: -4px;
    left: 10px;
    width: calc(100% - 10px);
    border-bottom: solid 4px #666;
}

/* ========================
		プロフィール 
===========================*/
/* １件分の枠 */
.unit_profile_box {
	border: 2px solid #D9D9D9;
	width: calc(100% - 4em);
	margin-bottom: 30px;
}
/*「 写真・名前」「役職」を横並び */
.unit_profile_flex {
	padding: .3em 2em .3em 2em;
	/* 両端揃え */
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
/* 「写真」と「名前」を横並び */
.upts_prof_left {
	width: 40%;
	text-align: left;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 1em;
	font-family: 'Noto Sans JP', sans-serif;
}
/* 「役職」の幅を決める */
.upts_prof_right {
	width: 53%;
	padding-top: 1em;
}
/* 「名前」の文字サイズ */
.upts_prof_name {
	display: block;
	text-align: center;
	margin: 0 auto;
	font-size: 1.4em;
}
/* 「名前（ローマ字表記）」 */
.upts_prof_name h3 span {
	display: block;
	text-align: center;
	font-size: .5em;
	color: #939393;
}
/* 「学位」の文字サイズとアイコン */
.prof_gakui {
	margin-top: 10px;
	font-size: .5em;
}
.prof_gakui span {
	padding: .1em .5em;
	background: #969696;
	color: white;
	margin-right: 10px;
}
.upts_prof_position table{
	text-align: left;
	font-size: .9em;
	border-left: 2px solid #ECECEC;
	padding-left: 15px;
}
.upts_prof_position table tbody tr{
	display: block;
	margin-bottom: 2px;
}
.upts_prof_position table th{
	width: 110px;
	vertical-align: top;
	color: #48A68D;
	font-weight: normal;
}
/* ===== 1024以下で文字サイズを小さくする */
@media (max-width: 1024px) {
	.unit_profile_flex {
		padding: .7em 1em 0 1em;
	}
	.upts_prof_name {
		font-size: 1.1em;
		padding: .7em;
	}
	.upts_prof_name span{
		font-size: .55em!important;
	}
	.upts_prof_left {
		width: 55%;
	}
	.upts_prof_right {
		font-size: .85em;
		width: 43%;
	}
	.upts_prof_position table{
	border-left:none;
	padding-left: 5px;
}
}
/* ==== 650以下でflexを解除する */
@media (max-width: 650px) {
/* １件分の枠 */
/* １件分の枠 */
.unit_profile_box {
	width: 100%;
	margin-bottom: 20px;
}
	.unit_profile_flex {
		display: block;
	}
	.upts_prof_left {
		width: 90%;
	}
	.upts_prof_right {
		font-size: 1em;
		width: 90%;
	}
}
/* 400以下でflexを解除する */
@media (max-width: 400px) {
	.upts_prof_left {
		display: block;
		text-align: center;
	}
}
/* ======================
プロフィール２列の場合 
======================*/
.unit_prof_wrap_double {
	width: 49%;
	margin-bottom: 3%;
}
/* ２つのボックスを横並びにする */
.unit_prof_double {
	/* 両端揃え */
/*	display: -webkit-box;*/
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-justify-content: space-between;  /* Safari etc. */
	-ms-justify-content    : space-between;  /* IE10        */

	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
}
/* ボックスのサイズを半分に */
.unit_prof_double .unit_profile_box {
	width: 99%;
}
.unit_profile_flex.double.unit_profile_flex {
	display: block;
	width: 100%;
}
.unit_profile_flex.double .upts_prof_left {
	width: 100%;
}
.unit_profile_flex.double .upts_prof_right {
	font-size: 1em;
	width: 100%;
}
/* ===== 1024以下で文字サイズを小さくする */
@media (max-width: 1024px) {
	.unit_profile_flex.double {
		padding: .7em 1em 0 1em;
	}
}
/* ==== 768以下でflexを解除する */
@media (max-width: 768px) {
	.unit_profile_flex.double {
		display: block;
	}
	.unit_prof_wrap_double {
		width: 100%;
	}
}

/* --------------------------------------------------
	教室員紹介のページのスタイル
-------------------------------------------------- */
/* プロフィール・プルダウンメニュー */
form {
	margin-bottom: 50px;
	border: 1px solid #838383;
	padding: 1em;
}
form .l_link_menu {
	width: 100%;
	font-size: 1.05em;
	cursor: pointer;
	position: relative;
}
/* プロフィール・詳細展開部分 */
.codecontent2 {
	display: block;
	width: 99%;
	background: #FFFFFF;
	z-index: 888;
	border: #D9D9D9 2px solid;
	padding: 2em 1em;
	font-size: .95em;
}
.l_message_btn {
	background: #D9D9D9;
	text-align: center;
	cursor: pointer;
	margin-top: -35px;
	width: 99%;
	font-weight: bold;
	transition: .4s;
}
.l_message_btn:hover {
	color: #fff;
	background: #0CA9BC;
}
.prof_solo {
	width: 100%;
	margin-top: 15px;
}
.prof_solo + div {
	width: calc(100% - 4em);
	border: 0;
}
.codecontent2 p {
	margin: 1em 1em 1em 2em;
}
.codecontent2 ul {
	margin: 1em 1em 1em 2em;
}
.l_sample{
  flex-wrap : wrap;
}
.l_sample img{
  max-width: 150px!important;
}
/* ========== 国際活動 */
.upts_prof_left.kokusai {
	width: 20%;
	margin-bottom: 10px;
}
.upts_prof_right.kokusai {
	width: 78%;
	margin-bottom: 20px;
}
/* ==== 768以下 */
@media (max-width: 768px) {
	/* 国際活動 */
	.upts_prof_left.kokusai {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 5px;
	}
	.upts_prof_right.kokusai {
		width: 100%;
		margin-bottom: 20px;
	}
}
/*　現職2行目以降がある場合の左余白　*/
.l_genshoku {
	padding-left: 3em;
}
.col_table_normal {
	margin: 0;
	width: 100%;
}
div.col_tablearea_normal {
	margin: 0 auto;
	width: calc(100% - 2em);
}
/* ==== 768以下 */
@media (max-width: 768px) {
	.col_table_normal td {
		text-align: center;
	}
}

.openclose_anime {
    animation-name: fadein;
    animation-duration: 3.0s;
}
@keyframes fadein{
    from{
    opacity: 0;
    transform: translatey(20px);
    }
    to{
    opacity: 1;
    transform: translatey(0);
    }
}

/* CSSのみのアコーディオンメニュー */
/*ベース*/
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 15px 20px;
margin-top: 20px;
margin-bottom: 0px;
	display: block;
	color: #fff;
	background:#d9d9d9;
position: relative;
}
.Label::before{		/*タイトル横の矢印*/
border: 0px solid red;
	content:"\ff0b\0020\8a73\7d30\306f\3053\3061\3089";
	width: 145px;
	height: 20px;
	position: absolute;
  top: -5px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
font-weight: bold;
color: #000;
}
.Label:hover {	
	background:#0ca9bc;
color: #fff;
}
.Label:hover::before {
color: #fff;
}

.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-top:0px;
	margin-bottom:0px;
	padding:0 20px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	content: "\ff0d\0020\8a73\7d30\3092\9589\3058\308b";
}

.l_archive_box li img {
    max-width: 50%;
    width: 100%;
}
@media screen and (max-width: 1024px) {
.l_archive_box li img {
    max-width: 95%!important;
}
}

/* 研修医 */
.bpts_flexbox_onoff.plus_5px div {
    margin: 5px;
}

/* 研究テーマのliの数字 */
.col_mark_number {
	list-style-type: decimal !important;
	margin-left: 10px;
}

/* ----------------------------------------------- 活動報告 */
.l_archive_box li {
    margin: 20px auto;
    padding: 5px 20px 20px;
    border: 3px solid #DFEAEB;
}

.l_img_wide {
    text-align: center;
    max-width: 100%;
    margin: 10px auto;
}

.l_p_wide {
    max-width: 800px;
    margin: 0 auto;
}

.l_archive_box li h2 {
    font-size: 1.3em;
    border-bottom: 3px solid #B9CACC;
    margin: 20px auto;
    width: calc(100% - 50px);
    color: #5B777A;
}

.l_img_wide.l_small_02 {
    text-align: left;
    display: flex;
    justify-content: center;
    max-width: 300px;
    margin: 0 auto;
}

ul.bpts_mokuji_button_flex_c3 {
    width: calk(100% - 20px);
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 10px;
}
@media only screen and (max-width: 768px) {
ul.bpts_mokuji_button_flex_c3 {
	flex-direction: column;
}
}

ul.bpts_mokuji_button_flex_c3 li {
    width: 30%;
    margin-bottom: 15px;
    text-align: center;
    padding-bottom: 15px;
}
@media only screen and (max-width: 768px) {
ul.bpts_mokuji_button_flex_c3 li {
    width: 100%;
    margin-bottom: 0px;
}
}

.col_textarea_full img.f_l {
    padding: 0 10px 5px 10px;
    margin: 5px;
    float: left;
}
@media screen and (max-width: 768px) {
.col_textarea_full img.f_l {
    float: none;
    display: block;
    margin: 0 auto;
    padding: 0;
}
}

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

/* ----------------------------------------------- トピックス */
.col_fixing {
    margin-top: 15px;
    padding: 20px 25px 20px 25px;
    border: 4px solid #e6e6e6;
    margin-bottom: 30px;
}

/* 見出し茶色 */
.col_fixing_title {
    border-left: #E0C651 5px solid;
    padding: 5px 0 2px 15px;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #464646;
}

/* ----------------------------------------------- 関連施設のご紹介 */
.col_tablearea {
    margin: 0 10px 10px;
}

@media screen and (max-width: 768px) {
.col_tablearea01 tr {
    padding: 0 15px;
}
}

@media screen and (max-width: 768px) {
.col_tablearea01 th {
    display: none;
}
}

.col_table_responsive {
    width: 100%;
    margin: 0 auto 10px;
    padding: 0;
    background-color: #f9f9f9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px #659B8D solid;
    border-spacing: 0;
}
@media screen and (max-width: 768px){
.col_table_responsive {
    width: 100%;
}
}

.col_table_responsive thead {
    background-color: #80C4B2;
    color: #fff;
}

.col_table_responsive th:first-child {
    border-left-width: 0;
}

.col_table_responsive th {
    margin-bottom: 9px;
    padding: 9px 15px;
    /* border-left: 1px #836089 solid; */
    border-left: 1px #4D7C70 solid;
    font-weight: normal;
}

@media screen and (min-width: 769px) {
.col_table_responsive th {
    padding: 7px 7px;
}
}

@media screen and (min-width: 769px) {
.col_table_responsive th, .col_table_responsive td {
    display: table-cell;
}
}

.col_table_responsive tbody {
    vertical-align: top;
}

@media screen and (max-width: 768px) {
.col_table_responsive tbody tr {
    display: block;
    padding-bottom: 12px;
}
}

@media screen and (min-width: 769px) {
.col_table_responsive tr:nth-child(even) {
    background-color: #eaeaea;
}
}

.col_table_responsive tbody td:first-child {
    border-left-width: 0;
}

.col_table_responsive tbody td {
    border-left: 1px #4D7C70 solid;
}

/* テーブルの施設のリンク色 */
.col_table_responsive tbody td a {
    border-width: 0px;
    text-decoration: none;
    color: #009999;
}

@media screen and (max-width: 768px) {
.col_table_responsive tbody td {
    display: block;
    padding: 3px 0;
    width: 100%;
    border-left-width: 0;
}
}

@media screen and (min-width: 769px) {
.col_table_responsive td {
    padding: 7px 7px;
}
}

@media screen and (min-width: 769px) {
.col_table_responsive th, .col_table_responsive td {
    display: table-cell;
}
}

/* ----------------------------------------------- シンボルマークについて */
.l_movie {
    max-width: 600px;
    margin: 0 auto;
}

video {
    width: 100%;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	TOP02
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TOP02全体のpadding */
body > main > div:nth-child(5) {
	padding-bottom: 0px !important;
}

/* TOP02一番下のfooterとのpadding */
body > main {
	padding-bottom: 0px !important;
}

/* トップページ論文アクセプトタブ切り替え */

/* --------------------------------------------------
	タブ切り替え　
-------------------------------------------------- */
.upts_cp_tab *, .upts_cp_tab *:before, .upts_cp_tab *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.upts_cp_tab {
  margin: 50px auto;
  height: auto;
  max-width: 1200px;
  width: 100%;
}
.upts_cp_tab > input[type='radio'] {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.upts_cp_tab .upts_cp_tabpanels {
  position: relative;
  min-height: 300px; /* エリアの高さ */
  border: 2px solid #D7D7D7;
}
.upts_cp_tab .upts_cp_tabpanel {
  /*position: absolute;*/
  width: 100%;
  display: none;
  padding-top: 30px;
}
.upts_cp_tab > input:first-child:checked ~ .upts_cp_tabpanels > .upts_cp_tabpanel:first-child, .upts_cp_tab > input:nth-child(3):checked ~ .upts_cp_tabpanels > .upts_cp_tabpanel:nth-child(2), .upts_cp_tab > input:nth-child(5):checked ~ .upts_cp_tabpanels > .upts_cp_tabpanel:nth-child(3), .upts_cp_tab > input:nth-child(7):checked ~ .upts_cp_tabpanels > .upts_cp_tabpanel:nth-child(4), .upts_cp_tab > input:nth-child(9):checked ~ .upts_cp_tabpanels > .upts_cp_tabpanel:nth-child(5), .upts_cp_tab > input:nth-child(11):checked ~ .upts_cp_tabpanels > .upts_cp_tabpanel:nth-child(6) {
  display: block;
}
/*タブの中身の背景色を一括で設定する時*/
.upts_cp_tab > input:first-child:checked ~ .upts_cp_tabpanels > .upts_cp_tabpanel:nth-child(n) {
  background: #fff;
}
.upts_cp_tab > label {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  width: auto;
  padding: 10px 20px;
  cursor: pointer;
  font-weight: normal;
  font-size: 1em;
  text-align: center;
  color: #fff;
  border-radius: 10px 10px 0 0;
	background: #7F7979;
}
/*タブの色を個別で設定する時*/
.upts_cp_tab > input:checked + label {
  background: #49A9B8;
  color: #fff;
}
.upts_cp_tab > input:focus + label {
  color: #ffffff;
}
.upts_cp_tab > input:checked + label {
  margin-bottom: -1px;
}
.upts_cp_tab p {
  font-size: 1em;
}
@media (max-width: 768px) {
  .upts_cp_tab {
    width: calc(100% - 20px);
    font-size: 1em;
    margin: 0 10px;
	padding-top: 20px;
	}  
  
  .upts_cp_tab label {
    padding: 0.5em;
  }
  .upts_cp_tab > label {
    margin: 0;
  }
  .upts_cp_tab > label {
    width: 49%;
    font-size: 0.6em;
    margin-bottom: 0;
  }
}	

/* タブをスクロール */
.upts_scrollbox {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    padding: 20px;
    background: white;
    height: 300px;
}

/* バックナンバーボタン、画像ではない */
a.bpts_btn_fuwa.icon_ronbun {
    background-image: url(/med/shokakinaika/assets/bg-icon-banner-note.png);
    background-repeat: no-repeat;
    background-position: bottom left 50px;
    width: 50%;
    margin: 0 auto;
}
@media (max-width: 768px) {
a.bpts_btn_fuwa.icon_ronbun {
	width: 320px;
	margin-top: 35px;
}
}

a.bpts_btn_fuwa {
    display: block;
    /* max-width: 200px; */
    width: 95%;
    margin: 10px;
    padding: 1.1em 2.2em 1.1em 0.8em;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    background: #573348;
    border-radius: 1px;
    transition: .4s;
    box-sizing: border-box;
    border-bottom: none;
    position: relative;
}

a.bpts_btn_fuwa:after {
    content: url(https://icongr.am/fontawesome/play.svg?size=15px&color=ffffff);
    position: absolute;
    right: 15px;
    display: block;
    top: 33%;
}

/* ----------------- リサーチ領域ここから */
/* 見出し */
div.l_midashi_h2 {
    max-width: 1000px !important;
    width: 100%;
    margin: 0 auto;
}

.l_research_area {
	width: 99.6vw;
    margin: 0 calc(50% - 50vw);
/*	max-width: 1920px;*/
/*	width: 100%;*/
	padding: 70px 0 0 0;
	background: #F9F9F9;
}
/* 半透明の背景 */
.l_research_opacity {
	background-repeat: no-repeat;
	background-size: cover;
	background: url("/med/shokakinaika/assets/bg-reseach-04.jpg");
	/*    background: rgba(64,189,204,0.6);*/
}
/* メニューのリスト */
ul.l_research_list {
	max-width: 1000px;
	width: 100%;
	margin: 40px auto 0 auto;
}

.l_research_list li {
	width: 33.3%;
	height: 160px;
	position: relative;
	transition: .4s;
}
.l_research_list li:hover {
	background: rgba(43, 129, 139, 1.00);
}
.l_research_list li a {
	border: 1px solid #fff;
	color: #fff !important;
	width: 100%;
	display: block;
	height: 100%;
	background: rgba(55, 165, 179, 0.7);
}
.l_research_list li h3 {
	padding: 10px;
	text-align: right;
	font-size: 1.7em;
}
.l_research_list li:nth-child(10), .l_research_list li:nth-child(11), .l_research_list li:nth-child(12), .l_research_list li:nth-child(13) {
	width: 25%;
}
/* 各項目の数字 */
.l_research_list li h3:before {
	position: absolute;
	opacity: 0.3;
	font-size: 4em;
	left: 10px;
	bottom: 10px;
	font-family: Verdana, Geneva, "sans-serif";
}
.l_research_list li:nth-child(1) h3:before {
	content: "01";
}
.l_research_list li:nth-child(2) h3:before {
	content: "02";
}
.l_research_list li:nth-child(3) h3:before {
	content: "03";
}
.l_research_list li:nth-child(4) h3:before {
	content: "04";
}
.l_research_list li:nth-child(5) h3:before {
	content: "05";
}
.l_research_list li:nth-child(6) h3:before {
	content: "06";
}
.l_research_list li:nth-child(7) h3:before {
	content: "07";
}
.l_research_list li:nth-child(8) h3:before {
	content: "08";
}
.l_research_list li:nth-child(9) h3:before {
	content: "09";
}
.l_research_list li:nth-child(10) h3:before {
	content: "10";
}
.l_research_list li:nth-child(11) h3:before {
	content: "11";
}
.l_research_list li:nth-child(12) h3:before {
	content: "12";
}
.l_research_list li:nth-child(13) h3:before {
	content: "13";
}
@media (max-width: 768px) {
	.l_research_list li {
		width: 100% !important;
	}
}
@media (max-width: 550px) {
	.l_research_list li {
		font-size: .85em;
	}
}

.bpts_flexbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

/* ----------------- トピックス領域ここから */
.l_topics_area {
	width: 99.6vw;
    margin: 0 calc(50% - 50vw);
/*	max-width: 1920px;*/
/*	margin: 0 auto;*/
	padding-top: 90px;
}
/* トピックス白背景 */
.topics_box {
	background: #fff;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}
.l_topics_flex.topics {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1200px;
	width: 100%;
	margin: 50px auto;
}
.l_topics_boxwrap {
	padding: 20px 0px 80px 0px;
}
.l_topics_boxwrap:first-child {
	padding: 0 0 80px 0;
}
.l_topics_boxwrap.gray {
	background: #EFEFEF;
}
@media (max-width: 768px) {
	.l_topics_flex.topics {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin: 10px auto 0 auto;
		max-width: 95%;
		width: 100%;
	}
	.l_topics_boxwrap {
		padding: 0;
	}
}
.l_topics_midashi.topics {
	color: #828282;
	max-width: 400px;
	width: 100%;
	text-align: left;
	margin: 30px;
}
.l_topics_midashi span.number {
	font-size: 6em;
	font-family: Verdana, Geneva, "sans-serif";
	font-weight: 550;
}
.l_topics_midashi span.small {
	font-size: .6em;
	display: block;
	font-family: Verdana, Geneva, "sans-serif";
	font-weight: 550;
}
.l_topics_midashi.topics h2 {
	color: #4D4D4D;
	text-align: left;
	border-bottom: 1px solid #4FB3BF;
}
@media (max-width: 768px) {
	.l_topics_midashi.topics {
		margin: 0;
	}
	.l_topics_flex.topics.order {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.l_topics_midashi.topics p {
		margin: 10px auto;
	}
}
/*画像にタイトル載せる*/
.topics_image{
	position: relative!important;
}
.topics_h3{
	font-size: 2.4em;
	line-height: 1.3;
	position: absolute!important;
	bottom: 20px;
	right: 20px;
	background: rgba(255,255,255,0.69);
	padding: 30px;
}
@media (max-width: 768px) {
	.topics_h3{
		font-size: 1.6em;
	}
}
/* ----------------- お知らせ領域ここから */
.l_oshirase_area {
	width: 99.6vw;
    margin: 0 calc(50% - 50vw);
/*	max-width: 1000px;*/
/*	width: 100%;*/
	background: url("/med/shokakinaika/assets/bg-info.jpg");
	padding: 150px 0 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	padding-bottom: 120px;
}
.l_info_midashi {
	font-size: 1.3em;
	color: #57C1CD;
	margin-left: 20px;
}
.l_info_midashi:before {
	content: url(https://icongr.am/fontawesome/caret-right.svg?size=30&color=57C1CD);
	vertical-align: -22%;
}
.oshirase_box {
	max-width: 1000px;
	margin: 0 auto;
	width: 100%;
}
/* ★インフォメーション */
.l_info {
	border-radius: 5px;
	box-shadow: 0 0 11px #CCE5EC;
	padding: 5px;
	margin: 12px;
	background: #fff;
}
.l_info ul {
	max-height: 300px;
	overflow-y: scroll;
	margin: 40px;
	font-size: .95em;
}
.bpts_flexbox .l_info ul {
	height: 300px;
}
.l_info ul li {
	padding: 15px 5px;
	border-bottom: 1px dashed #868686;
}
.l_info ul li span.date {
	font-weight: bold;
	color: #7A7A7A;
}
.l_info.blue { /*背景水色*/
	background: #57C1CD;
}
.l_info.blue ul li, .l_info.blue ul li span.date {
	color: #fff;
}
.l_info.blue a,.l_info.blue a:active,.l_info.blue a:hover,.l_info.blue a:visited{
	color:#fff;
	text-decoration: underline;
}
@media (max-width: 768px) {
	.l_oshirase_area {
		padding-bottom: 50px;
		background-position: 40% 0%;
		background-size: 548%;
	}
	.l_info {
		margin: 0;
		margin-bottom: 15px;
	}
	.l_info ul {
		max-height: 200px;
		margin: 15px 15px 15px 20px;
	}
}
.l_info_blog {
	max-width: 610px;
	width: 100%;
	overflow-x: auto;
	margin: 0 auto;
}

/* google calender iframe */
.l_info_blog iframe {
	width: 100%;
	padding: 10px;
}

/* facebookウィジェット */
#oshirase > div.bpts_flexbox_onoff.wrap.start > div:nth-child(2) {
	max-width: 400px;
	width: 100%;
/*	overflow-x: auto;*/
	margin: 0 auto;
}

/* googleカレンダーとfacebookウィジェット横並び */
#oshirase > div.bpts_flexbox_onoff.wrap.start {
	border: 0px solid red;
	width: 100%;
	max-width: 1000px;
	margin: 20px auto;
	flex-wrap: nowrap;
}
/* スマホで縦並び */
@media (max-width: 768px) {
#oshirase > div.bpts_flexbox_onoff.wrap.start {
	flex-wrap: wrap;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	メインビジュアルスライダー内のテキスト画像など
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ナビゲーションボタンを非表示 */
.slick-dots{
	display: block !important;
}
.slick-dots{
	position: relative;
	z-index: 2;
}

.slick-dotted.slick-slider {
	margin-bottom: 0px !important;
}

/* メインビジュアルテキスト */
/* 学科名文言 */
.slick-track > div::before {
	border: 0px solid red;
	position: absolute;
	left: -60px;
	bottom: 90px;
	content: "";
	background-image: url(/med/shokakinaika/assets/sitetop_mv_lead_b.png);
	background-repeat: no-repeat;
	background-position: 200px 150px;
    background-size: 430px;
	background-color: rgba(255, 255, 255, 0.8);
	width: 640px;
	height: 300px;
	z-index: 5;
/*	opacity: 0.3;*/
}
@media (max-width: 499px) {
.slick-track > div::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
	width: 90%;
	height: 300px;
	background-position: 0px 70%;
	background-size: contain;
}
}

/* 緑下線 */
.slick-track > div::after {
	border: 0px solid red;
	position: absolute;
	bottom: 105px;
	left: -60px;
	content: "\3000\3000\3000\3000\3000\3000\3000\3000\3000\3000\3000\3000\3000\30dd\30b8\30c6\30a3\30d6\601d\8003\3067\884c\3053\3046\3000\6df1\304f\8ffd\6c42\3059\308b\59ff\52e2\3092\5927\5207\306b";
	background: linear-gradient(-135deg, #7CADA7, #0CA9BC) !important;
	color: #fff;
	font-family: 'Zen Old Mincho', serif !important;
	width: 640px;
	height: 30px;
	z-index: 5;
	padding-top: 0px !important;
}

@media (max-width: 499px) {
.slick-track > div::after {
  position: absolute;
	content: "\3000\30dd\30b8\30c6\30a3\30d6\601d\8003\3067\884c\3053\3046\3000\6df1\304f\8ffd\6c42\3059\308b\59ff\52e2\3092\5927\5207\306b";
  top: 0;
  bottom: -50%;
  left: 0;
  right: 0;
  margin: auto;
	width: 90%;
	height: 30px;
}
}

/* ロゴが出てくる */
.___slick-track > div:nth-child(1)::before {
  animation: fadeIn 1.0s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards, blur 1.3s both ease-in;
}

/* 透過 */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.3;
  }
}

/* ぼかし */
@keyframes blur {
    from {
        filter: blur(50px);
    }
    
    to {
        filter: blur(0);
    }
}

/* 文字が出てくる */
._____slick-track > div:nth-child(1)::after {
  animation: blur 1.5s both ease-in;
}

/* メインビジュアル画像のリンク判定 */
.home-mv__link {
	border: 0px solid red;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 6;
}

/* メインビジュアルのアイテム */
.home-mv__item {
	border: 0px solid red;
	width: 100%;
	height: 480px;
}
@media (max-width: 768px) {
.home-mv__item {
	height: 480px;
}
}

/* spacerの大きさでリンク判定 */
.home-mv__img {
	width: 100%;
	height: 100%;
}

/* ロゴが出てくるアニメ */
.slick-list {
	position: relative;
}

.slick-list::before {
	border: 0px solid red;
	position: absolute;
	content: "";
  top: 165px;
  left: 365px;
  transform: translate(-50%, -50%);
	width: 380px;
	height: 140px;
	background-image: url(/med/shokakinaika/assets/sitetop_mv_5.gif);
	background-repeat: no-repeat;
	background-position: center;
    background-size: 75%;
	z-index: 1000;
}
@media (max-width: 499px) {
.slick-list::before {
  position: absolute;
  top: 165px;
  left: 50%;
  transform: translate(-50%, -50%);
	width: 350px;
	height: 150px;
	background-image: url(/med/shokakinaika/assets/sitetop_mv_5.gif);
	background-repeat: no-repeat;
	background-position: center;
    background-size: 75%;
	z-index: 1000;
}
}

/* /* ロゴが出てくるその２ */ */
._____slick-slider>.slick-list>.slick-track::before {
/*  animation: blur 1.5s both ease-in;*/
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	メインビジュアルスライダー画像
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* メインビジュアルを背景画像として登録。スマホ可変対応。CMS上ではダミー画像 */
/* 1枚目 */
.slick-track > div:nth-child(1) {
	border: 0px solid red !important;
	background-image: url(/med/shokakinaika/assets/img-topstage-01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}

@media screen and (min-width:500px) and ( max-width:768px) {
.slick-track > div:nth-child(1) {
	background-position: 0px 0px;
	background-color: #fff;
}
}

@media (max-width: 499px) {
.slick-track > div:nth-child(1) {
	background-size: cover;
	background-position: -640px 0px;
	background-color: #fff;
}
}

/* 2枚目 */
.slick-track > div:nth-child(2) {
	border: 0px solid red !important;
	background-image: url(/med/shokakinaika/assets/img-topstage-02-2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}

/* 個別調整 */
@media (min-width: 1699px) {
.slick-track > div:nth-child(2) {
	background-position: 0px -70px;
}
}

@media screen and (min-width:500px) and ( max-width:768px) {
.slick-track > div:nth-child(2) {
	background-position: 0px 0px;
	background-color: #fff;
}
}

@media (max-width: 499px) {
.slick-track > div:nth-child(2) {
	background-size: cover;
	background-position: center;
	background-color: #fff;
}
}

/* 3枚目 */
.slick-track > div:nth-child(3) {
	border: 0px solid red !important;
	background-image: url(/med/shokakinaika/assets/img-topstage-03.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}

@media screen and (min-width:500px) and ( max-width:768px) {
.slick-track > div:nth-child(3) {
	background-position: 0px 0px;
	background-color: #fff;
}
}

@media (max-width: 499px) {
.slick-track > div:nth-child(3) {
	background-size: cover;
	background-position: center;
	background-color: #fff;
}
}

/* 4枚目 */
.slick-track > div:nth-child(4) {
	border: 0px solid red !important;
	background-image: url(/med/shokakinaika/assets/img-topstage-04.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}

@media screen and (min-width:500px) and ( max-width:768px) {
.slick-track > div:nth-child(4) {
	background-position: 0px 0px;
	background-color: #fff;
}
}

@media (max-width: 499px) {
.slick-track > div:nth-child(4) {
	background-size: cover;
	background-position: center;
	background-color: #fff;
}
}

/* 5枚目 */
.slick-track > div:nth-child(5) {
	border: 0px solid red !important;
	background-image: url(/med/shokakinaika/assets/img-topstage-05.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}

/* 個別調整 */
@media (min-width: 1699px) {
.slick-track > div:nth-child(5) {
	background-position: 0px -70px;
}
}

@media screen and (min-width:500px) and ( max-width:768px) {
.slick-track > div:nth-child(5) {
	background-position: 0px 0px;
	background-color: #fff;
}
}

@media (max-width: 499px) {
.slick-track > div:nth-child(5) {
	background-size: cover;
	background-position: center;
	background-color: #fff;
}
}

/* 6枚目 */
.slick-track > div:nth-child(6) {
	border: 0px solid red !important;
	background-image: url(/med/shokakinaika/assets/img-topstage-06.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}

@media screen and (min-width:500px) and ( max-width:768px) {
.slick-track > div:nth-child(6) {
	background-position: 0px 0px;
	background-color: #fff;
}
}

@media (max-width: 499px) {
.slick-track > div:nth-child(6) {
	background-size: cover;
	background-position: center;
	background-color: #fff;
}
}

/* 7枚目 */
.slick-track > div:nth-child(7) {
	border: 0px solid red !important;
	background-image: url(/med/shokakinaika/assets/img-topstage-07.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}

@media screen and (min-width:500px) and ( max-width:768px) {
.slick-track > div:nth-child(7) {
	background-position: 0px 0px;
	background-color: #fff;
}
}

@media (max-width: 499px) {
.slick-track > div:nth-child(7) {
	background-size: cover;
	background-position: center;
	background-color: #fff;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページサブステージタイトル画像（CMS自動出力の入れ替え（サイトマップとお問い合わせ3種））
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* サイトマップ */
.ptitle_sitemap {
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 240px;
	background: url(/med/shokakinaika/assets/img-substage-misc.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
.ptitle_sitemap {
	height: 200px;
}
}

.ptitle_sitemap::after {
/*	content: "Sitemap";*/
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
/*    top: 65%;*/
/*    right: 410px;*/
/*    transform: translate(-50%, -50%);*/
}
@media (max-width: 1199px) {
.ptitle_sitemap::after {
	width: 100%;
/*    top: 70%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
	text-align: center;
}
}

/* お問い合わせ */
.ptitle_contact {
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 240px;
	background: url(/med/shokakinaika/assets/img-substage-misc.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
.ptitle_contact {
	height: 200px;
}
}

.ptitle_contact::after {
/*	content: "Contact Us";*/
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
/*    top: 65%;*/
/*    right: 420px;*/
/*    transform: translate(-50%, -50%);*/
}
@media (max-width: 1199px) {
.ptitle_contact::after {
	width: 100%;
/*    top: 70%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
	text-align: center;
}
}

/* お知らせ */
.ptitle_news {
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 240px;
	background: url(/med/shokakinaika/assets/img-substage-misc.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
.ptitle_news {
	height: 200px;
}
}

.ptitle_news::after {
/*	content: "News";*/
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
/*    top: 65%;*/
/*    right: 428px;*/
/*    transform: translate(-50%, -50%);*/
}
@media (max-width: 1199px) {
.ptitle_news::after {
	width: 300px;
/*    top: 70%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
	text-align: center;
}
}

/* ページタイトル位置 */
.ptitle_sitemap > .ptitle__title,
.ptitle_contact > .ptitle__title,
.ptitle_news > .ptitle__title {
	border: 0px solid red;
	width: 100%;
	max-width: 840px;
	height: 55px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
    font-size: 0.85em;
}

@media screen and (min-width:769px) and ( max-width:1199px) {
.ptitle_sitemap > .ptitle__title,
.ptitle_contact > .ptitle__title,
.ptitle_news > .ptitle__title {
	width: 90%;
    font-size: 0.85em;
}
}
@media (max-width: 768px) {
.ptitle_sitemap > .ptitle__title,
.ptitle_contact > .ptitle__title,
.ptitle_news > .ptitle__title {
	width: 90%;
    font-size: 0.85em;
}
}

@media (max-width: 1199px) {
.ptitle_sitemap > .ptitle__title,
.ptitle_contact > .ptitle__title,
.ptitle_news > .ptitle__title {
	width: 100%;
	max-width: 840px;
/*    top: 40%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	下層ページサブステージタイトル画像（通常ページ）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 見出しに背景画像を入れる */
/* idは各ページで指定 */
/* 教室紹介 */
#office .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 240px;
	background: url(/med/shokakinaika/assets/img-substage-office.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#office .ptitle{
	height: 200px;
}
}

#office .ptitle::after {
/*	content: "Office";*/
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
/*    top: 65%;*/
/*    right: 420px;*/
/*    transform: translate(-50%, -50%);*/
}
@media (max-width: 1199px) {
#office .ptitle::after {
	width: 100%;
/*    top: 70%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
	text-align: center;
}
}

/* 診療と研究 */
#research .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 240px;
	background: url(/med/shokakinaika/assets/img-substage-research.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#research .ptitle{
	height: 200px;
}
}

#research .ptitle::after {
/*	content: "Education and Training";*/
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
/*    top: 65%;*/
/*    right: 320px;*/
/*    transform: translate(-50%, -50%);*/
}
@media (max-width: 1199px) {
#research .ptitle::after {
	width: 100%;
/*    top: 70%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
	text-align: center;
}
}

/* 業績紹介 */
#achievement .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 240px;
	background: url(/med/shokakinaika/assets/img-substage-achievement.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#achievement .ptitle{
	height: 200px;
}
}

#achievement .ptitle::after {
/*	content: "Research and Achievements";*/
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
/*    top: 65%;*/
/*    right: 300px;*/
/*    transform: translate(-50%, -50%);*/
}
@media (max-width: 1199px) {
#achievement .ptitle::after {
	width: 100%;
/*    top: 70%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
	text-align: center;
}
}

/* 消化器内科医を目指す方へ */
#message .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 240px;
	background: url(/med/shokakinaika/assets/img-substage-message.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#message .ptitle{
	height: 200px;
}
}

#message .ptitle::after {
/*	content: "Clinical work";*/
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
/*    top: 65%;*/
/*    right: 380px;*/
/*    transform: translate(-50%, -50%);*/
}
@media (max-width: 1199px) {
#message .ptitle::after {
	width: 100%;
/*    top: 70%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
	text-align: center;
}
}

/* 患者様へのご案内 */
#patient .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 240px;
	background: url(/med/shokakinaika/assets/img-substage-patient.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#patient .ptitle{
	height: 200px;
}
}

#patient .ptitle::after {
/*	content: "Links";*/
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
/*    top: 65%;*/
/*    right: 425px;*/
/*    transform: translate(-50%, -50%);*/
}
@media (max-width: 1199px) {
#patient .ptitle::after {
	width: 100%;
/*    top: 70%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
	text-align: center;
}
}

/* 同門会 */
#doumonkai .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 240px;
	background: url(/med/shokakinaika/assets/img-substage-doumonkai.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#doumonkai .ptitle{
	height: 200px;
}
}

#doumonkai .ptitle::after {
/*	content: "Contact Us";*/
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
/*    top: 65%;*/
/*    right: 395px;*/
/*    transform: translate(-50%, -50%);*/
}
@media (max-width: 1199px) {
#doumonkai .ptitle::after {
	width: 100%;
/*    top: 70%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
	text-align: center;
}
}

/* その他 */
#misc .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 240px;
	background: url(/med/shokakinaika/assets/img-substage-misc.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#misc .ptitle{
	height: 200px;
}
}

#misc .ptitle::after {
/*	content: "Contact Us";*/
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
/*    top: 65%;*/
/*    right: 395px;*/
/*    transform: translate(-50%, -50%);*/
}
@media (max-width: 1199px) {
#misc .ptitle::after {
	width: 100%;
/*    top: 70%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
	text-align: center;
}
}

/* その他サイトマップなど自動生成関係 */
#sonota .ptitle{
	width: 99.6vw; /* 親要素幅を超える */
	margin: 0 calc(50% - 50vw); /* 親要素幅を超える */
	height: 240px;
	background: url(/med/shokakinaika/assets/img-substage-misc.jpg);
	background-repeat: no-repeat;
	background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
	overflow: hidden;
}
@media (max-width: 768px) {
#sonota .ptitle{
	height: 200px;
}
}

#sonota .ptitle::after {
/*	content: "Information";*/
	position: absolute;
	z-index: 0;
	color: #3f526f;
	font-size: 2rem;
	font-weight: bold;
/*    top: 65%;*/
/*    right: 390px;*/
/*    transform: translate(-50%, -50%);*/
}
@media (max-width: 1199px) {
#sonota .ptitle::after {
	width: 100%;
/*    top: 70%;*/
/*    left: 50%;*/
/*	transform: translate(-50%, -50%);*/
	text-align: center;
}
}

/* after英語文字装飾 */
.ptitle::after{
	color: #3f526f;
    -moz-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    -webkit-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    -ms-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
}

/* 文字を白にする */
.ptitle__title{
	color: #3f526f;
    -moz-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    -webkit-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    -ms-text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1.0);
}

/* ページタイトル文字を左に寄せる */
._ptitle__title {
	position: relative !important;
    top: 0%;
    left: 0%;
    transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
._ptitle__title {
	position: relative !important;
    top: 0%;
    left: 0%;
    transform: translate(-50%, -50%);
}
}

/* パンくず上の下線を非表示 */
.ptitle_t2{
	border-bottom: 0px solid #565757 !important;
	border: 0px solid #565757 !important;
}

/* ページタイトル少し下げる */
.ptitle_t2{
	padding-top: 0px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-bottom: 0px !important;
}

/* パンくずの下のマージン調整 */
.pblock-kuzu{
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}

/* ページタイトル位置 */
.ptitle__title {
	border: 0px solid red;
	width: 100%;
	max-width: 840px;
	height: 55px;
/*	position: absolute;*/
/*	right: 187px;*/
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 1199px) {
.ptitle__title {
	width: 100%;
	max-width: 840px;
/*    top: 40%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
}
}
@media (max-width: 768px) {
.ptitle__title {
	width: 90%;
    font-size: 1.05em;
}
}

.ptitle__title {
    font-weight: normal;
    font-size: 1.05em;
    font-weight: bold;
    text-align: center;
    color: #666666;
    padding-top: 0px;
    -moz-text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
    -webkit-text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
    -ms-text-shadow: 0px 0px 0px rgba(255, 255, 255, 1);
    text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	トップページ（Hot news)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* お知らせh2変更 */
#news-1 .ttl__style01{
	color: transparent;
	border: 0px solid red;
	z-index: 99; /* グローバルメニューは1041 */
	position: absolute;
  top: -75%;
  bottom: 0;
  left: 0%;
  right: 0;
  margin: auto;
	content:;
	background-image: url(/med/shokakinaika/assets/title-hotnews.png);
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 1000px;
	width: 100%;
    height: 91px; /* 背景画像と同じ高さ */
	vertical-align: middle;
	text-align: center !important;
}
@media (max-width: 768px) {
#news-1 .ttl__style01{
  top: -88%;
  left: 0%;
}
}

/* ニュース一覧スクロールバー含むと見出しの間の調整 */
#news-1 .pblock{
	margin-top: 5em !important; /* information見出し画像とニュースとの間 */
	margin-bottom: 5em !important;
}
@media screen and (min-width:769px) and ( max-width:1090px) {
#news-1 .pblock{
	margin-top: 145px !important; /* タブレット用 */
	margin-bottom: 0px !important;
}
}
@media (max-width: 768px) {
#news-1 .pblock{
	margin-top: 110px !important; /* スマホ用 */
	margin-bottom: 0px !important;
}
}

/* 見出し下の下線色を透明にする */
#news-1  .ttl__style01::after{
	background: transparent;
	color: #575757;
	opacity: 1.0;
}

/* 一覧を見るの位置変更 */
#news-1 .text-right{
z-index: 0; /* グローバルメニューは1041 */
	border: 0px solid red;
	width: 620px;
	height: 71px;
	position: absolute;
  top: 0;
  bottom: -75%;
  left: 0;
  right: 0;
  margin: auto;
	color: transparent;
	background-image: url(/med/shokakinaika/assets/title-hotnews-backnumber.png);
	background-repeat: no-repeat;
	background-size: 607px;
}
@media (max-width: 768px) {
#news-1 .text-right{
	width: 320px;
	height: 105px;
	bottom: -87%;	background-image: url(/med/shokakinaika/assets/title-hotnews-backnumber-sp.png);
	background-repeat: no-repeat;
	background-size: contain;
}
}

/* 一覧を見るを白くする */
#news-1 a.plink{
	color: transparent !important;
	width: 620px;
	height: 71px;
}

/* 一覧を見る横棒を白くする */
#news-1 .plink_type_inline_line_r::after{
	background-color: transparent !important; 
}

#news-1{
	height: 780px; /* 背景boxの高さ */
	background-color: #efefef;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 0px; /* 一覧を見るの下のスペース調整 */
	position: relative;
}
@media (max-width: 768px) {
#news-1{
	height: 100%;
}
}

#news-1 .pblock{
	border: 0px solid red !important;
	max-width: 1030px;
	height: 300px; /* スクロール範囲 */
	margin: 0 auto;
	margin-top: 145px !important; /* 見出し画像の下のスペース調整 */
/*	overflow: auto;  スクロールバー表示 */
	margin-bottom: 145px !important; /* 見出し画像の下のスペース調整 */
}

@media (max-width: 768px) {
#news-1 .pblock{
	border: 0px solid blue !important;
	width: 100%;
	height: 100%; /* スクロール範囲 */
}

#news-1{
	padding: 30px 30px; /* タブレットスマホ用上下左右スペース */
}
}

/* サイトトップの日付見出し新着情報記事内容など */
#news-1 .news__list{
	background: rgba(255,255,255,0.6) !important; /* 新着記事の後ろの透明背景 */
}

#news-1 .news__date{
	width: 170px;
	height: 30px;
	padding: 7px 21px;
}

#news-1 .news__txt{
	text-align: left;
}

/* インフォメーションラベル */
#news-1 .ptag__item{
	display: none;
	background: rgba(197,157,9,1.0) !important;
	height: 30px;
	border-radius: 5px;
	border-left: 0px solid black;
	border-right: 0px solid black;
}

/* ボーダー消去 */
#news-1 .ptag_bdr_side li{
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
}

#news-1 a.news__link::after{
	color: #fff !important; /* 矢印アイコン */
}

#news-1 a:hover.news__link::after{
	color:#000 !important; /* 矢印アイコンホバー時に黒色 */
}

#news-1 .news__item{
	border-radius: 0px;
	padding: 0px 0px;
}

#news-1 .news__link{
	padding: 10px 10px;
}

/* ホバー前の文字 */
#news-1 .news__text a{
	color: #fff !important;
}

/* ホバーで文字色変更 */
#news-1 .news__text a:hover{
	color: #000 !important;
}

/* 日付見出し新着情報記事内容など */
.news__date{
	color: #000; /* 日付 */
	width: 170px;
	height: 30px;
	padding: 7px 21px;
}

.news__txt{
	color: #000; /* お知らせ内容 */
	text-align: left;
}

/* 日付の隣のマーク */
.ptag__item{
	display: block; /* 非表示 */
	color: #fff !important; /* 日付の隣のマーク */
	background: rgba(197,157,9,1.0) !important;
	height: 25px;
	border-radius: 5px;
	border-left: 0px solid black;
	border-right: 0px solid black;
	vertical-align: middle;
	display: flex;
}

/* ボーダー消去 */
.ptag_bdr_side li{
	border-left: 0px solid #fff !important;
	border-right: 0px solid #fff !important;
}

a.news__link::after{
	color: #000 !important; /* 矢印アイコン */
}

a:hover.news__link::after{
	color:#000 !important; /* 矢印アイコンホバー時に黒色 */
}

.news__item{
	border-radius: 0px;
}

.news__item a:hover{
	background-color: #fff;
	color: #000 !important;
}

/* トップページだけ、見出しカードの背景色 */
#news-1 > div > div.home-blk__cont > div > div:nth-child(1),
#news-1 > div > div.home-blk__cont > div > div:nth-child(2),
#news-1 > div > div.home-blk__cont > div > div:nth-child(3) {
	background-color: #fff;
	padding: 10px 10px;
	margin-left: 10px;
	margin-right: 10px;
}
@media (max-width: 768px) {
#news-1 > div > div.home-blk__cont > div > div:nth-child(1),
#news-1 > div > div.home-blk__cont > div > div:nth-child(2),
#news-1 > div > div.home-blk__cont > div > div:nth-child(3) {
	background-color: #fff;
	padding: 10px 10px;
	margin-left: 0px;
	margin-right: 0px;
}
}

/* トップページだけ、サムネイル付きカードの幅調整 初期設定は33.3% */
#news-1 > div > div.home-blk__cont > div > div:nth-child(1),
#news-1 > div > div.home-blk__cont > div > div:nth-child(2),
#news-1 > div > div.home-blk__cont > div > div:nth-child(3) {
    flex: 0 0 31.0% !important;
    max-width: 31.0% !important;
}
@media (max-width: 768px) {
#news-1 > div > div.home-blk__cont > div > div:nth-child(1),
#news-1 > div > div.home-blk__cont > div > div:nth-child(2),
#news-1 > div > div.home-blk__cont > div > div:nth-child(3) {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	TOP01
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* メインビジュアル隙間調整 */
body > main > div:nth-child(3) {
	padding-top: 0px !important;
}

.bpts_spacer_h40 {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 40px;
    line-height: 20px;
}

div.l_midashi_h2 {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.bpts_flexbox_onoff {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.bpts_flexbox_onoff.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.bpts_flexbox_onoff.wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: wrap; /* 重要 */
}

.l_center {
    margin: 0 auto;
}

.l_greeting {
    max-width: 700px;
    width: calc(100% - 20px);
    margin: 0 10px;
}

.l_center div p {
    margin: 10px;
}

.l_greeting p {
    text-align: right;
}

.l_greeting_img img {
    max-width: 250px;
    width: 100%;
}

/* -------------目次ページの矢印つきボタン------------- */
ul.bpts_mokuji_button_flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width: 1100px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	padding: 5px;
}
ul.bpts_mokuji_button_flex li {
	width: 31%;
}
ul.bpts_mokuji_button_flex.double li {
	width: 47%;
}
/* ボタン１こ分 */
.bpts_mokuji_button {
	width: calc(100% - 20px);
	padding: .6em .4em;
	position: relative;
	display: inline-block;
	background-color: white;
	border: 1px solid #40BDCC;
	color: #40BDCC;
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;
	margin-bottom: 15px;
	transition: .4s;
}
.bpts_mokuji_button::after {
	position: absolute;
	top: 50%;
	right: .7em;
	content: '';
	margin-top: -5px;
	border: 7px solid transparent;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-color: #40BDCC;
	transition: all .2s;
}
.bpts_mokuji_button:hover::after {
	right: 0em;
	border-left-color: #fff;
}
ul.bpts_mokuji_button_flex.footer li {
	width: 22%;
	padding: .3em;
}
/* リンクなし */
.bpts_mokuji_button.nolink {
	color: #939393;
	background: #EDEDED;
	border: 1px solid #909090;
	pointer-events: none;
}
.bpts_mokuji_button.nolink::after {
	position: static;
	display: none;
}
.bpts_mokuji_button.nolink:hover::after {
	right: 0;
	border-left-color: none;
}
.bpts_mokuji_button.nolink:hover {
	background: #EDEDED;
	color: #939395;
	font-weight: normal;
}
/* ボタン１こ分 */
.bpts_mokuji_button:hover {
	background: #4CC1CF;
	color: #fff;
}
@media (max-width: 769px) {
	ul.bpts_mokuji_button_flex {
		display: block;
		text-align: center;
		margin-top: 10px;
	}
	ul.bpts_mokuji_button_flex li {
		width: 100%;
	}
	ul.bpts_mokuji_button_flex.double li {
		width: 100%;
	}
	/* ボタン１こ分 */
	.bpts_mokuji_button {
		width: calc(100% - 20px);
	}
	ul.bpts_mokuji_button_flex.footer li {
		width: calc(100% - 20px);
		margin: 0 auto;
		padding: .3em;
	}
}
/* flex横並びボックス　２個のとき */
.bpts_flexbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
.bpts_flexbox div {
	flex: 1;
}
@media (max-width: 769px) {
	.bpts_flexbox {
		display: block;
	}
	.bpts_flexbox div {
		flex: initial;
	}
}
/* 画像の下に文字が回り込まないとき用 */
.bpts_fleximg {
	margin: 30px auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
}
.bpts_fleximg div {
	width: 100%;
}
.bpts_fleximg img {
	width: 100%;
}
@media (max-width: 769px) {
	.bpts_fleximg {
		display: block;
		float: left; /* レスポンシブ時はまわりこむ */
	}
	.bpts_fleximg img {
		float: left;
	}
	.bpts_fleximg:after { /* まわりこんだ後フロートを解除する */
		display: block;
		clear: both;
		content: "";
		margin-bottom: 30px;
	}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	共通（メインメニュー）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* メインメニュー 文字色1階層目 */
.nav-top .gnav-main__link1-jp {
	color: #fff !important;
}

/* メインメニュー 文字色2階層目 */
.gnav-main__link2 {
	color: #fff !important;
}

/* メインメニュー ドロップダウン（背景） */
.nav-top .gnav-main__box1_ptn1 {
	background: rgba(50, 170, 181, 1.0) !important;
	width: 320px; /* 子メニューの幅3セット */
}

/* メインメニュー ドロップダウン（ボーダー） */
.nav-top .gnav-main__item2 {
    border-bottom: 1px solid rgba(50, 170, 181, 1.0);	/* 境界線カラー変更 */
	width: 320px; /* 子メニューの幅3セット */
}

/* メインメニュー ドロップダウン（アイコン＞） */
.nav-top .gnav-main__link2::before {
    color: #fff;	/* アイコンカラー変更 */
}

/* メインメニュー ドロップダウン（子メニュー背景） */
.nav-top .gnav-main__link2 {
    background: rgba(50, 170, 181, 1.0);	/* 背景色変更 */
	color: #000;
	width: 320px; /* 子メニューの幅3セット */
}
/* メインメニュー ドロップダウン（子メニューhover背景） */
.nav-top .gnav-main__item2:hover .gnav-main__link2 {
	background: rgba(64, 132, 134, 1.0) !important;
	width: 320px; /* 子メニューの幅3セット */
	color: #fff !important;
}

/* ドロップダウンメニューの矢印 */
.nav-top .gnav-main__link2:hover::before {
	color: #fff !important;
}

/* グローバルメニュー全体の背景色 */
.nav-top .gnav-main{
	background: linear-gradient(-135deg, #7CADA7, #0CA9BC) !important;
}

/* グローバルメニュー位置調整 */
.gnav-main{
	margin-top: -1px;
}

/* グローバルメニュー階層調整 */
.navbar{
	z-index: 999 !important;
}

/* グローバルメニュー親ホバー時の背景色 */
.gnav-main__item1 {
	position: relative;
}

.gnav-main__item1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.gnav-main__item1:hover::before {
	background: #408486;
	border-radius: 0px;
/*	color: #fff;*/
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	グローバルメニュー
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* グローバルメニュー大学名のリンク色 */
.g-nav__logo-link {
	color: #333 !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	トップページ（全体枠)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.pblock, .pblock-full, .pblock-slim, .pblock-wide {
  max-width: 100%; /* デフォルトは1030px /powercmsx/themes/small_site/css/style.cssにオリジナル記載 */
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px
}

@media screen and (min-width:769px) and ( max-width:1090px) {
.pblock, .pblock-full, .pblock-slim, .pblock-wide {
    min-width: 100%;
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	ヘッダーメニュー（右上の虫眼鏡)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 黒 */
._g-nav__link-img{
	filter: brightness(0) invert(0);
}
/* 白 */
.g-nav__link-img{
	filter: brightness(1) invert(1);
}

.g-nav__link-txt{
	color: #fff;
}

/* アイコンの背景色をメインカラーから変更する */
.g-nav__search > .g-nav__link_btn{
	background-color: rgba(110, 172, 169, 1.0) !important;
}

/* スマホ用 */
.g-nav__search_sp .g-nav__link_btn{
	background-color: rgba(110, 172, 169, 1.0) !important;
}

/* 虫眼鏡大学リンク位置調整 */
.g-nav__fbox_col02 {
	margin-right: -1px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	トップページバナー（作成していなくても場所が空欄で出ている）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.home-bnr{
	display: none !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（サブメニュー)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.w-md-20 {
    width: 60%!important;	/* サブメニューの幅拡張（デフォルトは20%） */
}

@media screen and (min-width:600px) and ( max-width:768px) {
.w-md-20 {
    width: 100%!important;	 /* タブレット用 */
}
}

@media (max-width: 599px) {
.w-md-20 {
    width: 100%!important;	/* スマホ用 */
}
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（2ブロック目のリンク)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ft .col{
	border: 0px solid red;
	max-width: 100%; /* 2ブロック目のリンクを横幅いっぱいにする */
}

.ft__cont div:nth-child(2){
	font-size: 1.4rem; /* 研究案内などのリンクの文字サイズ */
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（3ブロック目のリンク)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ft__cont div:nth-child(3){
	display: none; /* Footer Contents03を非表示にする */
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	フッター（copyright)
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ft__copy{
	background: linear-gradient(-135deg, #7CADA7, #0CA9BC) !important;
	color: #fff;
/*	background-image: url(/med/shokakinaika/assets/bg_stripe.png);*/
	background-size: cover;
	background-repeat: repeat-x;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	上に戻るボタン
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nav-top .pagetop a.scroll{
	width: 76px;
	height: 76px;
	border: 0px solid blue;
	background-image: url(/med/shokakinaika/assets/icon-pagetop.png);
	background-size: 75px;
	background-repeat: no-repeat;
	background-color: transparent !important;
}

.nav-top .pagetop a.scroll:hover{
	width: 76px;
	height: 76px;
	border: 0px solid blue;
	background-image: url(/med/shokakinaika/assets/icon-pagetop.png);
	background-size: 75px;
	background-repeat: no-repeat;
	opacity: 1.0;
}

.nav-top .pagetop a.scroll::after{
	display: none;
	width: 100%;
	border: 0px solid red;
	background-image: url(/powercmsx/themes/small_site/img/ico_arrow-up.svg));
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	共通（サブメニュー、右上アイコン）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.gnav-main__list3{
z-index: 9999;
    position: absolute;
    top: 0;
    right: 132px;
    border: 0px solid red;
/*    margin-right: 147px;*/
    margin-top: 0px;
	width: 500px;
    height: 75px;
}
.nav-top .gnav-main__link3-jp {
    border-left: 0px solid #fff;
    color: #000;
	font-size: 10px;
	margin-top: 5px;
	text-align: center;
}

.gnav-main__link3-jp{
	height: 100%;
}

.nav-top .gnav-main__item3:last-child .gnav-main__link3-jp{
    border-right: 0px solid #fff;
}

.gnav-main__item3 {
	margin: 0px 0px 15px 0px;
	padding: 20px 0px;
	width: 30px;
	height: 100%;
}

.gnav-main__list3{
	margin: 0px 15px;
}

/* facebook */
.gnav-main__list3 li:nth-child(1){
	border: 0px solid red;
	content: "";
	background-image:url(/med/shokakinaika/assets/ico_facebook.svg?size=148&color=0ca9bc);
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 85px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* お問い合わせ */
.gnav-main__list3 li:nth-child(2){
	border: 0px solid red;
	content: "";
	background-image:url(/med/shokakinaika/assets/icon-contact.svg?size=148&color=0ca9bc);
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 85px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* サイトマップ */
.gnav-main__list3 li:nth-child(3){
	border: 0px solid red;
	content: "";
	background-image:url(/med/shokakinaika/assets/icon-sitemap.svg?size=148&color=0ca9bc);
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 80px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* アクセス */
.gnav-main__list3 li:nth-child(4){
	border: 0px solid red;
	content: "";
	background-image:url(/med/shokakinaika/assets/icon-access.svg?size=148&color=0ca9bc);
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 76px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* リンク */
.gnav-main__list3 li:nth-child(5){
	border: 0px solid red;
	content: "";
	background-image:url(/med/shokakinaika/assets/icon-link.svg?size=148&color=0ca9bc);
	background-repeat: no-repeat;
	background-position: top 10px center;
	background-size: 30px 30px;
	width: 76px;
	height: 100%;
	vertical-align: middle;
	border-left: 1px solid #d0d0d0;
}

/* 大学リンクとサーチボタン位置調整 */
.g-nav__fbox_col02{
	margin-right: -1px;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	body
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
* {
	font-family: 'Zen Maru Gothic', sans-serif;
}

body{
	background: #fff; /* 全体に灰色がデフォルト */
}
/* スクロールバーの一括設定 */
/* スクロールの幅の設定 */ ::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
/* スクロールの背景の設定 */ ::-webkit-scrollbar-track {
	background: #fff;
}
/* スクロールのつまみ部分の設定 */ ::-webkit-scrollbar-thumb {
	background: #34aab4;
	border-radius: 0px;
}

/*　PC表示時任意の場所で改行　*/
.bpts_br_pc {
	display: block;
}
@media (max-width: 768px) {
.bpts_br_pc {
	display: none;
}
}

/* list-style none */
ul {
	list-style: none !important;
}

/* リンク色 */
a {
    border-width: 0px;
/*    text-decoration: none;*/
/*    color: #009999 !important;*/
}

a:visited {
/*    color: #009999;*/
}

/* h4 */
h4 {
	font-size: 1.6rem !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	CMS共通パーツ（リンクにつくafterアイコン）
   ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/