@charset 'utf-8';
/* ======================================== 
お知らせCSS
========================================*/

/* ==================== ▽ 色設定CSS ▽ ==================== */

/* お知らせ */
div.osirase_main::after { color:#c9cdce; }
div.in_frame ul li { border-bottom:2px dotted #333; }
div.in_frame ul li span.cat a { color:#000; background-color:#4ce8c4; }
div.in_frame ul li.event span.cat a { color:#000; background-color:#f5938e; }
div.in_frame ul li.office span.cat a { color:#000; background-color:#fcfe69; }

/* 記事 */
div.pol h1 { border-bottom:1px solid #ccc; }

@media only screen and (min-width:600px) {
/* ◆ ===== タブレット ===== ◆ */

}

@media only screen and (min-width:1025px) {
/* ◆ ===== PC ===== ◆ */

/* お知らせ */
div.osirase_main::after { color:#000; }

}


/* ==================== ▽ 個別CSS ▽ ==================== */

/* イントロ幅調整 */
div.intro { margin:0; }

/* お知らせ */
div.osirase_main {  }
div.in_frame { padding:3.5em 2em 3.5em 1.75em; }
div.in_frame ul li { margin:0  0 .75em 0; padding:0 0 .75em 0; }
div.in_frame ul li:last-child { margin:0; }
div.in_frame ul li div.notice_list_top::before { content:''; display:inline-block; background-repeat:no-repeat; background-position:center center; background-size:contain; vertical-align:middle; }
div.in_frame ul li div.notice_list_top::before { background-image:url("../img/top/notice/i_office.svg"); height:26px; width:25px; }
div.in_frame ul li.event div.notice_list_top::before { background-image:url("../img/top/notice/i_event.svg"); height:26px; width:25px; }
div.in_frame ul li.office div.notice_list_top::before { background-image:url("../img/top/notice/i_office.svg"); height:26px; width:25px; }
div.in_frame ul li div.notice_list_top { margin:0 0 .5em 0; }
div.in_frame ul li div.notice_list_top span.cat a { display:inline-block; padding:.15em .5em; margin:0 .25em 0 0; text-align:center; width:75px; }
p.notice_list_bottom { padding:0 0 0 2.25em; }

/* 記事 */
div.pol { margin:40px 0 0 0; }
div.pol h1 { font-size:2rem; font-weight:600; padding:5px; margin:0 0 10px 0; }

@media only screen and (min-width:600px) {
/* ◆ ===== タブレット ===== ◆ */

/* イントロ幅調整 */
div.intro { margin:0; }

/* お知らせ */
div.osirase_main { margin:20px auto 0 auto; width:85%; }
div.osirase_main::after { transform:translate(-36px,20px) rotate(90deg); }
div.osirase_main h2 { margin:0 0 0 36px; }
div.in_frame { padding:4em 5em 4em 5em; margin:0 36px 30px 36px; }
div.in_frame ul li { margin:0  0 1.25em 0; }
div.in_frame ul li:last-child { margin:0; }
div.in_frame ul li.event div.notice_list_top::before { height:31px; width:30px; }
div.in_frame ul li.office div.notice_list_top::before { height:31px; width:30px; }
div.in_frame ul li div.notice_list_top { margin:0 0 .75em 0; }
div.in_frame ul li div.notice_list_top span.cat a { width:120px; }

/* 記事 */
div.pol { margin:40px 0 0 0; }
div.pol h1 { font-size:2.5rem; }

}

@media only screen and (min-width:1025px) {
/* ◆ ===== PC ===== ◆ */

/* イントロ幅調整 */
div.intro { margin:0; }

/* お知らせ */
div.notice_flower { position:absolute; top:-90px; right:60px; }
div.notice_flower::before { content:''; display:inline-block; background-repeat:no-repeat; background-position:center center; background-size:contain; background-image:url("../img/top/notice/flower.png"); position:absolute; top:-60px; right:80px; height:67px; width:66px; z-index:1; }
div.osirase_main { margin:0px auto 0 auto; max-width:1024px; width:85%; }
div.osirase_main::after { font-size:40px; transform:translate(-42px,30px) rotate(90deg); }
div.osirase_main h2 { font-size:32px; margin:0 0 0 50px; }
div.in_frame { padding:5em; margin:0 50px 36px 50px; }
div.osirase_main h2::after { position:absolute; top:160px; left:-100px; }

/* 記事 */
div.pol { margin:0px 0 0 0; }
div.pol h1 { font-size:3rem; }

}

@media only screen and (min-width:1200px) {
/* ◆ ===== クソデカ幅 ===== ◆ */

/* お知らせ */
div.osirase_main { max-width:1200px; width:70%; }

}