@charset 'utf-8';
/* 個別CSS */

/* 汎用 */
html { color:#000; background-color:#fff0f5; }
p, li, dt, dd { font-size:13px; }

/* 反転処理 */
::selection { background-color:#ec6d71; color:#fff; }
::-moz-selection { background-color:#ec6d71; color:#fff; }

/* リンク */
a:link, a:visited { color:inherit; }
a:active, a:hover { color:#fcc800; } 

/* トップに戻るボタン */
div.backtop a:link, div.backtop a:visited { background-color:#ec6d71; box-shadow:0 0 3px #ec6d71; }
div.backtop a:active, div.backtop a:hover { background-color:#fcc800; box-shadow:0 0 3px #fcc800; }

/* 横幅 */
div.w { margin:0 1rem; }

/* 見出し */
h1 { font-size:24px; font-weight:500; display:inline-block; position:absolute; top:0; left:50%; transform:translateX(-50%); padding:.5rem 0 0 0; }
h1::first-letter { font-size:120%; color:#ec6d71; }
h2 { font-size:24px; font-weight:500; }
h3 { font-size:18px; font-weight:500; }
h4 { font-size:16px; font-weight:500; }
h5 { font-size:16px; font-weight:500; }

/* ヘッダー */
header { background-color:#fff; }
header img { width:100%; height:auto; }

/* フッター */
div.footer_addcontents { background-image:url("../img/footer.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover; }
div.footer_addcontents div.table { padding:1.5rem 0; background-color:rgba(0,0,0,0.5); }
div.footer_addcontents div.area { padding:1.5rem 1.75rem; background-color:rgba(255,255,255,0.75); border-radius:.25rem; }
div.footer_addcontents_container { margin:1rem 0 0 0; }
div.footer_addcontents_container div.web_otoiawase { margin:1rem 0 0 0; }
div.footer_addcontents_container p.otoiawase_txt { font-size:120%; }
div.footer_addcontents_container p.tel { font-size:180%; font-weight:700; }
div.footer_addcontents_container p.form_bana a { display:block; padding:1.25rem 0; width:75%; margin:.5rem auto 0 auto; }
div.footer_addcontents_container p.form_bana a:link, div.footer_addcontents_container p.form_bana a:visited { background-color:#fff; border:2px solid #ec6d71; color:#ec6d71; }
div.footer_addcontents_container p.form_bana a:active, div.footer_addcontents_container p.form_bana a:hover { background-color:#ec6d71; border:2px solid #ec6d71; color:#fff; }
footer { padding:1.5rem 0; }
div.top_footer { margin:0 0 1.5rem 0; }
div.top_footer div.foot_address p:first-child { font-size:120%; }
div.foot_menu { margin:.75rem 0 0 0; }
div.bottom_footer { display:flex; justify-content:space-between; align-items:flex-end; margin:0 0 3rem 0; }
footer div.bottom_footer p { font-size:12px; }
footer div.bottom_footer p span.material-icons { font-size:14px; }

/* メイン */
main { background-color:#fff; padding:2.5rem 0; }

/* トップページ */
div.top main div.news {  }
div.top main div.news h3 { padding:0 .25rem 0 0; line-height:1.5; color:#ec6d71; }
div.top main div.news h2 { border-bottom:2px solid #ddd; padding:0 .25rem .25rem 0; line-height:1.5; }
div.top main div.news div.news_content dl { padding:0; margin:0; }
div.top main div.news div.news_content dl a { display:flex; justify-content:flex-start; align-items:flex-start; width:100%; padding:.75rem .5rem; border-bottom:1px solid #ddd; }
div.top main div.news div.news_content dl a:last-child { border-bottom:2px solid #ddd; }
div.top main div.news div.news_content dl a dt { text-align:center; width:25%; font-size:12px; }
div.top main div.news div.news_content dl a dd { width:75%; padding:0 0 0 .5rem; }
div.top main div.news div.news_content dl a:link, div.top main div.news div.news_content dl a:visited {  }
div.top main div.news div.news_content dl a:active, div.top main div.news div.news_content dl a:hover { background-color:rgba(252,200,0,0.10); }
div.guidance { margin:1rem 0 0 0; }
div.guidance p a { display:inline-block; width:75%; padding:0 .75rem .75rem 0; }
div.guidance p a:link, div.guidance p a:visited { border-bottom:1px solid #ddd; transform:translateX(0); }
div.guidance p a:active, div.guidance p a:hover { border-bottom:1px solid #fcc800; transform:translateX(1rem); }
div.top main div.about { margin:2.5rem 0 0 0; padding:2rem 1.5rem; background-color:#f7f6f5; }
div.top main div.ayumi { background-color:#fdede4; }
div.top main div.about h3 { margin:0 0 1rem 0; font-weight:700; }
div.top main div.event { margin:1.5rem 0 0 0; }
div.top main div.event div.news_content { width:100%; }
div.top main div.event div.news_content dl div.row a { display:flex; justify-content:flex-start; align-items:flex-start; width:100%; padding:.75rem 0; border-bottom:1px solid #ddd; transition:.5s; }
div.top main div.event div.news_content dl div.row a { border:none; border-bottom:1px solid #ccc; }
div.top main div.event div.news_content dl div.row:last-child a { border-bottom:2px solid #ddd; }
div.top main div.event div.news_content dl div.row dt { text-align:center; width:25%; font-size:12px; }
div.top main div.event div.news_content dl div.row dd { width:75%; padding:0 0 0 .5rem; }
/* div.top main div.event div.news_content dl div.row:hover { background-color:#f0f8ff; color:#000; transition:.5s; } */
.accordion {  }
.topics-check { display:none; }
.topics-label { display:block; }
.topics-content { height:0; opacity:0; padding:0 10px; transition:.5s; visibility:hidden; display:none; }
.topics-check:checked + .topics-label + .topics-content{ height:auto; opacity:1; padding:.25rem 0; visibility:visible; display:block; }
ul.bnr { margin:1.5rem 0; }
ul.bnr li { margin:0 auto .5rem auto; text-align:center; }
ul.bnr li:last-child { margin:0; }
ul.bnr li a img { margin:auto; border:1px solid #ccc; }
ul.bnr li a { display:inline-block; transition:.3s; }
ul.bnr li a:hover { transform:translate(0,-.5rem); transition:.3s; }
div.readpage {  }
div.readpage dl a { border-bottom:solid #ccc 1px; }

/* コンテンツ */
div.mokuji h2 { padding:0 0 .25rem 0; margin:0 0 .5rem 0; line-height:1.25; }
div.mokuji dl { margin:0 .5rem; border-top:2px solid #ddd; border-bottom:2px solid #ddd; }
div.mokuji dl a { display:block; padding:.75rem .5rem; border-bottom:1px dotted #ddd; }
div.mokuji dl a:last-child { border-bottom:none; }
div.mokuji dl a:link, div.mokuji dl a:visited {  }
div.mokuji dl a:active, div.mokuji dl a:hover { background-color:rgba(252,200,0,0.10); }
div.pol {  }
div.pol h3 { margin:0 0 .75rem 0; padding:0 0 .25rem 0; border-bottom:2px solid #ddd; }
div.pol h3::first-letter { font-size:120%; color:#ec6d71; }
div.pol p { margin:0 .5rem; line-height:2.25; }
p.back a { display:inline-block; margin:1.5rem 0 0 0; padding:.75rem 2.5rem; }
p.back a:link, p.back a:visited { background-color:#fff; border:2px solid #ec6d71; color:#ec6d71; }
p.back a:active, p.back a:hover { background-color:#ec6d71; color:#fff; }
dl.cat_list {  }
dl.cat_list div.row { display:flex; justify-content:flex-start; align-items:center; border-bottom:1px solid #ddd; }
dl.cat_list div.row dt { margin:0 1rem 0 0; padding:0 .5rem; width:auto; }
dl.cat_list div.row dd { width:calc( 62.5% - 1rem ); }
dl.cat_list div.row dd a { display:block; padding:.75rem 0; }

/* サイトナビ */
div.site_nav {  }
div.site_nav nav { }
div.site_nav nav ul {  }
div.site_nav nav ul li { text-align:center; }
div.site_nav nav ul li a { display:block; padding:.75rem 0; margin:0; }
div.site_nav nav ul li a:link, div.site_nav nav ul li a:visited { color:#6c272d; }
div.site_nav nav ul li a:active, div.site_nav nav ul li a:hover { color:#ec6d71; }
div.site_nav .topics-label { color:#6c272d; padding:.5rem 0; }
div.site_nav nav ul li:last-child a:link, div.site_nav nav ul li:last-child a:visited { color:#a22041; }
div.site_nav nav ul li:last-child a:active, div.site_nav nav ul li:last-child a:hover { color:#ec6d71; }

@media (min-width:520px) { /* ===== タブレット ===== */

/* 汎用 */
p, li, dt, dd { font-size:16px; }

/* 横幅 */
div.w { margin:auto; width:90%; }

/* 見出し */
h1 { font-size:24px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:24px; }
h5 { font-size:24px; }

/* メイン */
main { padding:2.5rem 0; }

/* トップページ */
div.top main div.news div.news_content dl a dt, div.top main div.news div.news_content dl div.row dt { font-size:16px; }
div.guidance p a { width:50%; }

/* ===== タブレット ===== */}


@media (min-width:960px) { /* ===== PC記述 ===== */

/* 汎用 */
p, li, dt, dd { font-size:16px; }

/* 横幅 */
div.w { margin:auto; width:85%; max-width:1080px; }

/* 見出し */
h1 { font-size:36px; left:0; transform:translateX(0); padding:1.5rem 0 0 5%; }
h2 { font-size:42px; }
h3 { font-size:36px; }
h4 { font-size:30px; }
h5 { font-size:30px; }

/* サイトナビ */
div.site_nav { }
div.site_nav nav { }
div.site_nav nav ul { display:flex; justify-content:flex-end; align-items:center; }
div.site_nav nav ul li { font-size:18px; margin:0 .5rem; }
div.site_nav nav ul li a { display:inline-block; padding:1rem .15rem; margin:0 0 0 .5rem; border-radius:.25rem; }
div.site_nav nav ul li a:link, div.site_nav nav ul li a:visited { color:#6c272d; }
div.site_nav nav ul li a:active, div.site_nav nav ul li a:hover { color:#ec6d71; }

/* ヘッダー */
header img { margin:auto; max-width:1080px; }

/* フッター */
div.footer_addcontents div.table { padding:3rem 0; }
div.footer_addcontents div.area { padding:2.5rem 4rem; background-color:rgba(255,255,255,0.75); border-radius:.25rem; }
div.footer_addcontents h3 { margin:0 0 .5rem 0; }
div.footer_addcontents_container { margin:1.5rem 0 0 0; display:flex; justify-content:flex-start; align-items:center; }
div.footer_addcontents_container div.tel_otoiawase { margin:0; padding:1.5rem 0; width:50%; border-right:3px solid #777; }
div.footer_addcontents_container div.web_otoiawase { margin:0; width:50%; }
footer { padding:2rem 0; }
div.top_footer { display:flex; width:100%; justify-content:space-between; align-items:flex-start; }
div.top_footer div.foot_address { width:50%; }
div.foot_menu { margin:0; width:50%; }
div.foot_menu ul { text-align:right; }

/* メイン */
main { padding:5rem 0; }

/* トップページ */
div.top main div.news { display:flex; justify-content:flex-start; align-items:flex-start; width:100%; }
div.top main div.news div.news_title { min-width:30%; }
div.top main div.news div.news_title h2 { margin:0; padding:0; border-bottom:none; }
div.top main div.news div.news_content { width:70%; }
div.top main div.news div.news_content dl a:first-child, div.top main div.event div.news_content dl div.row:first-child a { border-top:2px solid #ddd; }
div.guidance p a { width:50%; }
div.top main div.about { margin:5rem 0 0 0; padding:3rem 4rem; position:relative; }
div.top main div.about img { margin:auto; width:100%; }
div.top main div.event { margin:5rem 0 0 0; flex-direction:row-reverse; }
div.top main div.ayumi { position:relative; }	
div.top main div.ayumi p.ayumiimg { display:inline-block; position:absolute; top:-5rem; right:0; transform:rotate( 15deg ); }

	

/* コンテンツ */
div.mokuji h2 { padding:0 0 .5rem 0; margin:0 0 1rem 0; }
div.mokuji dl { margin:0 1rem; }
div.mokuji dl a { display:flex;  justify-content:flex-start; align-items:flex-start; padding:1.5rem 1rem; }
div.mokuji dl a dt { width:15%; text-align:center; padding:0 1rem 0 0; }
div.mokuji dl a dd { width:85%; }
div.pol p { margin:0 1rem; }
ul.bnr { margin:2.5rem 0; display:flex; justify-content:space-around; align-items:center; }
ul.bnr li { margin:0 .5rem 0 0; }
ul.bnr li:last-child { margin:0; }

/* ===== PC記述 ===== */ }