@charset 'utf-8';
/* ======================================== 
個別CSS（共通）
========================================*/

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

/* 全体 */
html { background-color:#fffef5; }

/* ボタン */
.more_btn a { background-color:#fff; border:1px solid #000; color:#000; }

/* サイド固定ボタン */
div.side_rock li a { background-color:#4ce8c4; }

/* ヘッダ */
div.bg_circle { background-color:#fcfe69; }

/* イントロ */
div.intro h1 { border-bottom:3px solid #d4cbe4; }
div.intro h1::after { background-color:#d4cbe4; }

/* フッター */
footer { background-color:#4ce8c4; }
div.f_map { border:1px solid #00885a; }
.r_nav_top::before { color:#036879; }

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

}

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

}


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

/* 横幅 */
div.w { padding:0 1.25em; }
main div.w { padding:0 36px; }

/* 疑似要素調整 */
.i_indent { text-indent:-1.25em; padding-left:1.25em; }
.i_indent::before { margin:0 .25em 0 0; }

/* ボタン */
.more_btn { text-align:center; }
.more_btn a { display:inline-block; margin:auto; padding:.5em 1.25em; width:250px; }

/* サイド固定ボタン */
div.side_rock { position:fixed; z-index:50; top:100px; right:0; }
div.side_rock li { position:relative; z-index:1; margin:0 0 5px 0; writing-mode:vertical-rl; }
div.side_rock li a { border-radius:5px 0 0 5px; display:inline-block; padding:1.25em .25em; }
div.side_rock li:first-child a { padding:3em .25em 1.25em .25em; }
div.side_rock li:first-child a::before { content:''; position:absolute; z-index:1; top:.5em; left:50%; transform:translate(-55%,0); background-repeat:no-repeat; background-position:center center; background-size:contain; background-image:url("../img/i_map.svg"); height:31px; width:24px; }

/* ヘッダ */
header { padding:24px 0; overflow:hidden; position:relative; z-index:1; }
div.header_box_page h1 { max-width:500px; margin:0 0 0 10px; }
div.bg_circle { border-radius:50%; position:absolute; top:40%; right:0; transform:translate(-30%,-50%); padding:300px; z-index:-1; }

/* イントロ */
div.intro { margin:0 0 60px 0; }
div.intro h1 { font-size:24px; letter-spacing:.15em; padding:0 0 5px 0; }
div.intro h1::after { content:''; display:block; margin:10px 0 0 0; height:6px; width:100%; }

/* コンテンツ */
div.content { margin:0 0 75px 0; }

/* フッター */
footer { padding:30px 0; }
div.f_map { box-sizing:border-box; border-radius:15px; overflow:hidden; max-width:100%; width:100%; }
div.f_map iframe { aspect-ratio:4 / 3; border-radius:15px; height:auto; width:100%; }
p.r_nav_top::before { content:'●'; }
p.r_nav_bottom { font-size:1.4em; margin:0 0 0 1.25em; }
p.r_nav_bottom::before { content:'＞'; }
div.f_left, div.f_center, div.f_right { padding:0 2em; }

/* ページャー */
#pagenation:after{content:".";display:block;clear:both;height:0;visibility:hidden;}#pagenation #pagenation-list li{border-bottom:none;float:left;background:none;list-style:none;padding:0;margin:0 5px 5px 0;}#pagenation #pagenation-list li:last-child{margin-left:0;}#pagenation #pagenation-list a,#pagenation #pagenation-list span{background:none;display:block;margin:0;padding:4px 9px;font-size:12px;line-height:1.5;text-align:center;}#pagenation #pagenation-list .current{background:#4CE8C4;color:#FFFFFF;border:1px solid #4CE8C4;}#pagenation #pagenation-list .omit{padding:4px 2px;color:#777777;}#pagenation #pagenation-list li a{color:#333333;border:1px solid #4CE8C4;text-decoration:none;}#pagenation #pagenation-list a:hover{background:#4CE8C4;color:#FFFFFF;border:1px solid #4CE8C4;text-decoration:none;}

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

/* 横幅 */
div.w { padding:0; margin:auto; width:80%; }

/* サイド固定ボタン */
div.side_rock li:first-child a::before { top:.75em; left:50%; transform:translate(-55%,0); }

/* ヘッダ */
div.bg_circle { right:auto; left:0; transform:translate(-70%,-50%); }

/* イントロ */
div.intro h1 { font-size:30px; }

/* フッター */
div.footer_top_area { display:flex; justify-content:space-around; align-items:flex-start; }
div.f_map { margin:0 0 0 16px; width:calc( 300px - 16px ); }
div.footer_bottom_area { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; }
div.f_left, div.f_center, div.f_right { padding:0 .25em; width:50%; }
div.f_right { padding:30px 0 0 0; }

}

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

/* 横幅 */
div.w { max-width:1025px; width:80%; }

/* コンテンツ */
div.content { margin:0 0 120px 0; }

/* ヘッダ */
header { padding:0; overflow:inherit; }
header h1 { position:relative; padding:10px 0 0 0; z-index:2; }
header h1::before { background-repeat:no-repeat; background-size:contain; background-position:center center; background-image:url("../img/maintitle_tree.png"); content:''; display:inline-block; position:absolute; top:0; left:-100px; margin:0 10px 0 0; height:100px; width:100px; z-index:1; }

/* イントロ */
div.intro { padding:100px 0 60px 0; }
div.intro h1 { font-size:36px; }

/* フッター */
div.footer_top_area { }
div.f_map { margin:0; width:50%; }
div.footer_bottom_area { flex-wrap:nowrap; justify-content:space-around; padding-top:50px; }
div.f_left, div.f_center, div.f_right { padding:0; width:30%; }

}

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

/* 横幅 */
div.w { max-width:1200px; }

}