@charset 'utf-8';
/* カテゴリ用CSS */

/* タイトル帯コンテナクエリ仕込み */
div.title_container { container-type:inline-size; container-name:title_belt; }

/* タイトル帯 */
div.titlebelt { background-color:#34951a; color:#fff; }
div.titlebelt div.table { height:50px; }
div.titlebelt h1 { font-size:30px; font-weight:600; text-align:center; }

/* タイトル帯 */
div.titlebelt.newsbelt { background-color:#0187aa; }
div.titlebelt.mediabelt{ background-color:#cea91d; }

/* カテゴリ */
div.kiji_head p.cate a { background-color:#a39bc8; }
div.kiji_head p.cate.cat_news a { background-color:#af0004; }
div.kiji_head p.cate.cat_seimei-kenkai a { background-color:#a39bc8; }
div.kiji_head p.cate.cat_news-press a { background-color:#0187aa; }
div.kiji_head p.cate.cat_media a, div.kiji_head p.cate.cat_genki a, div.kiji_head p.cate.cat_iryou a, div.kiji_head p.cate.cat_shinbun a { background-color:#cea91d; }

/* 学習・宣伝、署名用紙など */
ul.button_gakusyu { display:flex; justify-content:space-around; align-items:center; margin:0 0 20px 0; }
ul.button_gakusyu li { width:33%; padding:0 5px; text-align:center; }
ul.button_gakusyu li a { background-color:#34951a; border-radius:5px; display:block; padding:10px; text-decoration:none; }
ul.button_gakusyu li a:link, ul.button_gakusyu li a:visited, ul.button_gakusyu li a:active, ul.button_gakusyu li a:hover { color:#fff; } 
ul.button_gakusyu li a:link, ul.button_gakusyu li a:visited { opacity:1; transition:.3s; }
ul.button_gakusyu li a:active, ul.button_gakusyu li a:hover { opacity:0.8; transition:.3s; }
div.kiji_txt ul.kiji-flex { display:flex; justify-content:space-around; align-items:flex-start; }
div.kiji_txt ul.kiji-flex li { width:50%; }

@container title_belt ( min-width:960px ) { /* PC幅 */

/* タイトル帯 */
div.titlebelt div.table { height:120px; }
}

/* メイン */
main { background-color:#f2f1e9; padding:30px 0; }

/* コンテナクエリ仕込み */
div.kiji { container-type:inline-size; container-name:kiji; }

/* 記事内部 */
article { background-color:#fff; padding:20px 15px; margin:0 20px; }
div.kiji_head { border-bottom:1px solid #666;display:flex; justify-content:flex-start; align-items:center; padding:0 0 10px 0; }
div.kiji_head p.date { margin:0 15px 0 0; }
div.kiji_head p.cate a { color:#fff; font-size:14px; display:inline-block; padding:5px 10px; }
div.kiji h1 { border-left:7px solid #a39bc8; font-size:16px; font-weight:500; padding:0 10px; margin:15px 0; line-height:1.8; }
div.kiji_txt { padding:0 5px; }
div.kiji_txt hr { margin:0 0 10px 0; }
div.kiji_txt iframe { aspect-ratio:16/9; height:auto; max-width:100%; width:100%; }
div.kiji.monitor p, div.kiji.monitor h1, div.kiji.monitor h2, div.kiji.monitor h3, div.kiji.monitor h4, div.kiji.monitor h5, div.kiji.monitor ul li, div.kiji.monitor dl dt, div.kiji.monitor dl dd, div.kiji.monitor span  { font-family:"Zen Kaku Gothic New", serif; }
div.kiji_txt p { font-size:14px; text-align:justify; line-height:1.8; margin:0 0 10px 0; }
div.kiji_txt p.wp-caption-text { text-indent:0; text-align:center; }
div.kiji_txt li, div.kiji_txt dt, div.kiji_txt dd { font-size:14px; line-height:1.6; }
div.kiji_txt img { display:block; text-align:center; margin:10px auto; height:auto; max-width:100%; width:100%; }
div.kiji_txt h1, div.kiji_txt h2, div.kiji_txt h3, div.kiji_txt h4, div.kiji_txt h5 { clear:both; font-size:16px; font-weight:500; margin:0 0 10px 0; } 
div.kiji_txt .aligncenter, div.kiji_txt .alignleft, div.kiji_txt .alignright { margin:15px auto; text-align:center; width:auto; }
div.kiji_txt .wp-caption-text { margin:5px 0; }
div.kiji_txt a { text-decoration:underline; }
div.kiji_txt a:link, div.kiji_txt a:visited { color:#0075c2; }
div.kiji_txt a:active, div.kiji_txt a:hover { color:#fcc800; }
div.kiji_txt input, div.kiji_txt textarea { border:1px solid #333; }
div.kiji_txt p.center { text-align:center; }
div.kiji_txt input[type="submit"] { background-color:#34951a; color:#fff; display:inline-block; padding:5px 25px; margin:auto; }
div.kiji article div.kiji_txt div.pagebreak-links, div.kiji article div.kiji_txt p.post-nav-links { margin:25px auto auto auto; }
div.kiji article div.kiji_txt div.pagebreak-links p.post-nav-links, div.kiji article div.kiji_txt p.post-nav-links { font-size:16px; padding:0 0 20px 0; }
div.kiji article div.kiji_txt div.pagebreak-links p.post-nav-links a, div.kiji article div.kiji_txt p.post-nav-links  a { background-color:#34951a; color:#fff; display:inline-block; padding:2.5px 10px; text-decoration:none; }
div.kiji article div.kiji_txt div.pagebreak-links p.post-nav-links span, div.kiji article div.kiji_txt p.post-nav-links span { background-color:#dbebc4; display:inline-block; padding:2.5px 10px; }

/* 記事下部 */
div.kiji_bottom { border-top:solid 1px #333; padding:20px 0 0 0; }
div.kiji_bottom ul { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; }
div.kiji_bottom ul li span, div.kiji_bottom ul li a { display:inline-block; padding:7.5px 12.5px; margin:0 10px 10px 0; }
div.kiji_bottom ul li span { color:#192f60; }
div.kiji_bottom ul li a { background-color:#dbebc4; border-radius:5px; }
 div.kiji_bottom ul li:first-child::after { content:'≫'; display:inline-block; margin:0 10px 0 -10px; }
 
 /* アコーディオン */
p.acc_item_title { background-color:#a39bc8; box-sizing:border-box; color:#fff; cursor:pointer; transition:.3s; padding:12.5px 15px; }
p.acc_item_title:hover { background-color:#fac559; transition:.3s; }
div.acc_content { max-height:0; overflow:hidden; transition:1s ease; }
div.acc_content ul li { border-bottom:1px dotted #555; padding:10px 15px; }
div.acc_content ul li:last-child { border-bottom:none; }
li.acc_item { margin:0 0 3px 0; }
li.acc_item.ck_open div.acc_content { max-height:15000px; height:auto; transition:1s ease; }

/* 医学生ページ */
ul.ikei_list li { text-align:center; margin:0 10px 30px 0; }
ul.ikei_list li a { border-radius:5px; display:inline-block; text-decoration:none; padding:15px 30px; position:relative; z-index:1; width:80%; }
ul.ikei_list li a::before { background-color:#fff46250; border-radius:5px; content:''; display:inline-block; padding:15px 30px; position:absolute; z-index:-1; top:0; left:0; transform:translate( 10px, -10px ); height:100%; width:100%; }
ul.ikei_list li a:link, ul.ikei_list li a:visited { border:1px solid #333; color:#333; transition:.3s; }
ul.ikei_list li a:active, ul.ikei_list li a:hover { border:1px solid #fcc800; color:#333; transition:.3s; }
ul.ikei_list li a:link::before, ul.ikei_list li a:visited::before { transition:.3s; }
ul.ikei_list li a:active::before, ul.ikei_list li a:hover::before { transform:translate( 0px, 0px ); transition:.3s; }
ul.ikei_list li:nth-child(2) a::before { background-color:#e5c1cd50; }
ul.ikei_list li:nth-child(3) a::before { background-color:#a0d8ef50; }
ul.ikei_list li:nth-child(4) a::before { background-color:#a3d6cc50; }
ul.ikei_list li:nth-child(5) a::before { background-color:#f7b97750; }

/* 職員のページ */
ul.syokuin_list { margin:10px 0 20px 0; }
ul.syokuin_list li { margin:0 auto 20px auto; }
ul.syokuin_list li a { border-radius:5px; display:flex; justify-content:space-between; align-items:center; text-decoration:none; padding:15px 30px; position:relative; z-index:1; margin:auto; max-width:300px; width:90%; }
ul.syokuin_list li a span { display:inline-block; }
ul.syokuin_list li a::before { background-color:#d9e36750; border-radius:5px; content:''; display:inline-block; padding:15px 30px; position:absolute; z-index:-1; top:0; left:0; transform:translate( 7.5px, -5px ); height:100%; width:100%; }
ul.syokuin_list li a:link, ul.syokuin_list li a:visited { border:1px solid #333; color:#333; transition:.3s; }
ul.syokuin_list li a:active, ul.syokuin_list li a:hover { border:1px solid #fcc800; color:#333; transition:.3s; }
ul.syokuin_list li a:link::before, ul.syokuin_list li a:visited::before { transition:.3s; }
ul.syokuin_list li a:active::before, ul.syokuin_list li a:hover::before { transform:translate( 0px, 0px ); transition:.3s; }
ul.syokuin_list li:nth-child(even) a::before { background-color:#ed6d4650; }
ul.syokuin_bnr_list li { text-align:left; margin:0 0 20px 0; width:90%; }
ul.syokuin_bnr_list li img { height:auto; max-width:250px; width:100%; }

/* 学習・宣伝・署名用紙 */
ul.gakusyu_list { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; width:100%; }
ul.gakusyu_list li { padding:5px 10px;  margin:0 2.5px 10px 2.5px; width:calc( 50% - 5px ); }
ul.gakusyu_list li div.gakusyu_samune { aspect-ratio:3/2; overflow:hidden; height:auto; width:100%; }
ul.gakusyu_list li div.gakusyu_samune img { box-sizing:border-box; border:1px solid #ddd; object-fit:cover; object-position:top center; height:100%; width:100%; }
ul.gakusyu_list li div.gakusyu_txt p { text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


@container kiji ( min-width:768px ) { /* tab幅 */

/* 記事内部 */
div.kiji_txt img { display:inline-block; text-align:inherit; max-width:300px; width:auto; }
div.kiji_txt .alignleft { float:left; margin:10px 10px 10px 0; }
div.kiji_txt .alignright { float:right; margin:10px 0 10px 10px; }

/* 医学生ページ */
ul.ikei_list { display:flex; justify-content:flex-start; flex-wrap:wrap; }
ul.ikei_list li { width:calc( 50% - 20px ); }

/* 職員のページ */
ul.syokuin_list { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; max-width:100%; }
ul.syokuin_list li { width:50%; }
ul.syokuin_list li.center { text-align:left; }
ul.syokuin_list li a { margin:0; }
ul.syokuin_bnr_list { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; }
ul.syokuin_bnr_list li { padding:0 10px 0 0; width:50%; }
ul.syokuin_bnr_list li img { max-width:300px; width:100%; }

/* 学習・宣伝・署名用紙 */
ul.gakusyu_list li { border-bottom:1px solid #ccc; display:flex; justify-content:flex-start; align-items:center; width:100%; }
ul.gakusyu_list li div.gakusyu_samune { margin:0 10px 0 0; height:100%; width:100px; }
ul.gakusyu_list li div.gakusyu_txt p { text-align:left; margin:0; }

}

@container kiji ( min-width:960px ) { /* PC幅 */

/* 記事内部 */
article { padding:50px 40px; margin:30px auto 50px auto; max-width:960px; width:100%; }
div.kiji h1 { font-size:24px; padding:0 15px; margin:20px 0; }
div.kiji_txt p { font-size:16px; margin:0 0 15px 0; }
div.kiji_txt hr { margin:0 0 15px 0; }
div.kiji_txt h1, div.kiji_txt h2, div.kiji_txt h3, div.kiji_txt h4, div.kiji_txt h5 { font-size:20px; margin:0 0 15px 0; } 
div.kiji_txt li, div.kiji_txt dt, div.kiji_txt dd { font-size:16px; line-height:1.6; }
div.kiji_txt img { display:inline-block; text-align:inherit; max-width:100%; width:auto; }

/* 職員のページ */
ul.syokuin_list li a { max-width:400px; }
ul.syokuin_bnr_list li img { max-width:400px; }

div.jb-flex { display:flex; justify-content:space-around; align-items:flex-start; }
div.jb-flex .jb-box { width:50%; }

}