@charset "UTF-8";

/* =============================
   基本設定
============================= */
html { container:wciHtml / inline-size; }
body { position:relative; width:100%; margin:0; padding:0; }
body.is-menu-open { overflow:hidden; }
#wci-header, #wci-header *,
#wci-footer, #wci-footer * { box-sizing:border-box; }
#wci-header a:hover,
#wci-footer a:hover { filter:none; opacity:1; }
#wci-header img, #wci-footer img { max-width:100%; height:auto; }
#wci-header { font-family:"Zen Maru Gothic", sans-serif; font-weight:500; }
#wci-footer .wci-site-footer { font-family:"Zen Kaku Gothic New", sans-serif; font-weight:500; }
#wci-footer-fixed { font-family:"Zen Maru Gothic", sans-serif; font-weight:500; }
.wci-anton { font-family:"Anton", sans-serif; font-weight:400; font-style: normal; }

@container wciHtml (width < 576px) {
	body {
		--wci-header-h:60px;
		--wci-base-padding:15px;
	}
	#wci-header {
		--wci-header-logo-h:40px;
	}
}
@container wciHtml (width >= 576px) and (width < 992px) {
	body {
		--wci-header-h:90px;
		--wci-base-padding:30px;
	}
	#wci-header {
		--wci-header-logo-h:70px;
	}
}
@container wciHtml (width >= 992px) {
	body {
		--wci-header-h:90px;
		--wci-base-padding:30px;
	}
	#wci-header {
		--wci-header-logo-h:70px;
	}
}
#page { padding-top:var(--wci-header-h); }

#wci-footer .wci-site-footer { padding-bottom:80px; }
#wci-footer-pagetop { position:fixed; bottom:90px; right:0; padding-right:var(--wci-base-padding); display:none; z-index:10; }
#wci-footer-pagetop a { display:inline-block; }
@container wciHtml (width < 768px) {
	#wci-footer .wci-site-footer { padding-bottom:210px; }
	#wci-footer-pagetop a { width:110px; }
}

#wci-footer-fixed { position:fixed; bottom:0; left:0; width:100%; z-index:100; }
#wci-footer-fixed .wci-footer-fixed_center { margin:0 auto; max-width:1520px; display:flex; align-items:stretch; }
#wci-footer-fixed .wci-footer-fixed_button_wrap { flex:1 0 0; }
#wci-footer-fixed .wci-footer-fixed_button_wrap._contact { background:#ed8998; }
#wci-footer-fixed .wci-footer-fixed_button_wrap._phone { background:#145468; }
#wci-footer-fixed .wci-footer-fixed_button { display:flex; align-items:center; justify-content:center; height:70px; color:#fff; text-decoration:none; font-weight:900; }
#wci-footer-fixed .wci-footer-fixed_button_wrap._contact .wci-footer-fixed_button_text1 { background:url(../image/layout/icon_mail-w.png) no-repeat left center / auto 100%; line-height:1.6; }
#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text1 { background:url(../image/layout/icon_phone-w.png) no-repeat left center / auto 100%; }
#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text2 { display:block; line-height:1.3; }
#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text3 { display:block; line-height:1.0; }
@container wciHtml (width < 576px) {
	#wci-footer-fixed .wci-footer-fixed_button { padding-left:10px; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._contact .wci-footer-fixed_button_text1 { padding-left:35px; font-size:13px; max-width:10em; word-break:keep-all; background-size:auto 20px; line-height:1.2; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text1 { padding-left:30px; background-size:auto 28px; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text2 { font-size:10px; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text3 { font-size:20px; }
}
@container wciHtml (width >= 576px) and (width < 768px) {
	#wci-footer-fixed .wci-footer-fixed_button_wrap._contact .wci-footer-fixed_button_text1 { padding-left:50px; font-size:20px; max-width:13em; word-break:keep-all; background-size:auto 30px; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text1 { padding-left:40px; background-size:auto 40px; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text2 { font-size:14px; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text3 { font-size:35px; }
}
@container wciHtml (width >= 768px) and (width < 992px) {
	#wci-footer-fixed .wci-footer-fixed_button_wrap._contact .wci-footer-fixed_button_text1 { padding-left:50px; font-size:25px; max-width:13em; word-break:keep-all; background-size:auto 30px; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text1 { padding-left:60px; display:flex; align-items:center; justify-content:center; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text2 { font-size:min(1.7vw, 20px); width:7em; word-break:keep-all; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text3 { font-size:min(4.6vw, 50px); }
}
@container wciHtml (width >= 992px) {
	#wci-footer-fixed .wci-footer-fixed_button_wrap .wci-footer-fixed_button_text1 { padding-left:55px; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._contact .wci-footer-fixed_button_text1 { font-size:min(2.5vw, 30px); line-height:1.1; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text1 { display:flex; align-items:center; justify-content:center; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text2 { font-size:min(1.5vw, 20px); max-width:7em; word-break:keep-all; }
	#wci-footer-fixed .wci-footer-fixed_button_wrap._phone .wci-footer-fixed_button_text3 { font-size:min(5vw, 50px); }
}


/* =============================
   PC・スマホ共通三角マーク付きメニュー
============================= */
.wci-footer-links { list-style:none; margin:0; padding:0; display:flex; margin:0 0 25px; gap:10px 15px; justify-content:center; }
.wci-footer-links a { color:#fff; text-decoration:none; font-size:14px; display:block; background:url(../image/layout/arrow1-right-white.png) no-repeat center left / auto 0.8em; padding-left:1.25em; }
.wci-footer-links a:hover { opacity:0.7; }
@container wciHtml (width < 375px) {
	.wci-footer-links a { font-size:9px; }
}
@container wciHtml (width >= 375px) and (width < 576px) {
	.wci-footer-links a { font-size:11px; }
}
@container wciHtml (width >= 576px) {
	.wci-footer-links a { font-size:14px; }
}
@container wciHtml (width < 768px) {
	#wci-footer .wci-footer-links { margin:0 0 20px; }
}
@container wciHtml (width >= 768px) {
	/* PCフッターに縦並びで表示 */
	#wci-footer .wci-footer-links { flex-direction:column; gap:2px; }
}


/* =============================
   PC・スマホ共通SNSメニュー
============================= */
.wci-footer-sns { list-style:none; margin:0; padding:0; display:flex; justify-content:center; gap:0 25px; align-items:flex-start; }
.wci-footer-sns a { text-decoration:none; display:block; }
.wci-footer-sns .wci-sns-item { text-align:center; }
.wci-footer-sns .wci-sns-item img { width:50px; height:50px; }
.wci-footer-sns .wci-sns-caption { display:block; color:#fff; line-height:1.4; }
@container wciHtml (width < 375px) {
	.wci-footer-sns .wci-sns-caption { font-size:9px; }
}
@container wciHtml (width >= 375px) {
	.wci-footer-sns .wci-sns-caption { font-size:10px; }
}
@container wciHtml (width >= 768px) {
	/* PCフッターに縦並びで表示 */
	#wci-footer .wci-footer-sns { flex-flow:column; gap:5px 0; }
	#wci-footer .wci-footer-right a { transition:transform 0.2s; }
	#wci-footer .wci-footer-right a:hover { transform:scale(1.1); }
}


/* =============================
   ヘッダー: wci-header
============================= */
#wci-header { display:block; margin:0; padding:0; border:none; background:transparent; height:auto; position:static; width:100%; }
.wci-site-header { position:fixed; top:0; left:0; width:100%; background:rgba(255,255,255,0.7); z-index:2000; height:var(--wci-header-h); }
@container wciHtml (width < 576px) {
	.wci-site-header { padding:0 0 0 5px; }
}
@container wciHtml (width >= 576px) and (width < 992px) {
	.wci-site-header { padding:0 0 0 15px; }
}
@container wciHtml (width >= 992px) {
	.wci-site-header { padding:0 20px; }
}
.wci-header-inner{ margin:0 auto; max-width:1720px; display:flex; align-items:center; justify-content:space-between; height:var(--wci-header-h); }

/* ブランドロゴ: wci-brand（スマホと共通） */
.wci-brand .wci-brand_link { display:flex; align-items:center; text-decoration:none; color:#000000; background:url("../image/layout/mascot.png") no-repeat left center / auto 100%; height:var(--wci-header-logo-h); }
.wci-brand .wci-brand-text { display:block; }
.wci-brand .wci-brand-ja,
.wci-brand .wci-brand-en { display:block; font-weight:900; white-space:nowrap; line-height:1.3; }
@container wciHtml (width < 576px) {
	.wci-brand .wci-brand_link { padding-left:45px; }
	.wci-brand .wci-brand-ja { font-size:min(4vw, 21px); }
	.wci-brand .wci-brand-en { font-size:min(1.7vw, 10px); }
}
@container wciHtml (width >= 576px) and (width < 992px) {
	.wci-brand .wci-brand_link { padding-left:80px; }
	.wci-brand .wci-brand-ja { font-size:min(4vw, 21px); }
	.wci-brand .wci-brand-en { font-size:min(1.7vw, 10px); }
}
@container wciHtml (width >= 992px) {
	.wci-brand .wci-brand_link { padding-left:80px; }
	.wci-brand .wci-brand-ja { font-size:min(2vw, 25px); letter-spacing:0.02em; }
	.wci-brand .wci-brand-en { font-size:min(1vw, 12px); letter-spacing:0.02em; }
}

/* ハンバーガーボタン（スマホのみ表示） */
.wci-hamburger{background:#145468;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:6px; width:var(--wci-header-h); height:var(--wci-header-h); justify-content:center;align-items:center;position:relative;z-index:101;}
.wci-hamburger-line { display:block; width:28px; height:5px; background-color:#fff;transition:all 0.3s ease; transform-origin:center center;}
.wci-hamburger[aria-expanded="true"] .wci-hamburger-line:nth-child(1){transform:translateY(calc(200% + 1px)) rotate(45deg);}
.wci-hamburger[aria-expanded="true"] .wci-hamburger-line:nth-child(2){opacity:0;transform:translateX(-10px);}
.wci-hamburger[aria-expanded="true"] .wci-hamburger-line:nth-child(3){transform:translateY(calc(-200% - 1px)) rotate(-45deg);}
@container wciHtml (width >= 992px) {
	.wci-header-hamburger { display:none; }
}


/* =============================
   グローバルナビゲーション: wci-global-nav（PC・スマホ共通）
============================= */
/* ナビゲーション枠 */
.wci-global-nav { width:auto; height:auto; opacity:1; position:static; background:transparent; z-index:1; transition:none; }
@container wciHtml (width < 576px) {
	.wci-global-nav { padding:10px 20px 30px; }
}
@container wciHtml (width >= 576px) and (width < 992px) {
	.wci-global-nav { padding:30px; }
}
@container wciHtml (width < 992px) {
	/* スマホ時の開閉は横スライド */
	.wci-header-right { position:fixed; top:var(--wci-header-h); left:0; background:#164e5e; border-top:1px solid #e2e6ea; z-index:2000; transform:translateX(-100%); transition:transform 0.3s ease; width:100%; }
	body.is-menu-open .wci-header-right { transform:translateX(0); height:calc(100vh - var(--wci-header-h) + 2px); display: flex; flex-direction: column; justify-content: space-between; overflow-y:auto; overscroll-behavior:contain; padding-bottom:80px; }
	.wci-global-nav { display:block; background:#eff6f0; overscroll-behavior:contain; }
}
@container wciHtml (width >= 992px) {
	.wci-header-right { display:flex;align-items:center; padding-left:60px; }
	.wci-global-nav { flex:1 0 0; display:flex; align-items:center; }
}

/* 香川大学ロゴ: wci-ku-logo */
@container wciHtml (width < 576px) {
	.wci-header-right .wci-ku-logo { padding:30px 0 0; }
}
@container wciHtml (width >= 576px) and (width < 992px) {
	.wci-header-right .wci-ku-logo { padding:30px 50px 0; }
}
@container wciHtml (width >= 992px) {
	.wci-header-right .wci-ku-logo { margin-left:15px; flex:0 0 auto; }
}

/* メインナビゲーション */
.wci-global-nav {
	--wci-header-sub-gap1:35px;
}
.wci-global-nav .wci-global-nav_ul { list-style:none; margin:0; }
.wci-global-nav .wci-nav-link { position:relative; display:flex; align-items:end; justify-content:center; text-decoration:none; color:#000; transition:background-color 0.25s ease, color 0.25s ease; background-repeat:no-repeat; background-position:center top 10px; padding: 0 10px 12px 10px; }
.wci-global-nav .wci-nav-link .wci-label { font-weight:bold; letter-spacing:0.04em; line-height:1.2; width:100%; text-align:center; border-bottom:2px solid #000; }
#wci-header .wci-global-nav .wci-global-nav_ul > li:hover .wci-nav-link { color:#fff; filter:brightness(0) invert(1); opacity:1; }
.wci-global-nav .wci-global-nav_ul > li:hover .wci-nav-link .wci-label { color:#fff; }
@container wciHtml (width < 576px) {
	.wci-global-nav {
		--wci-header-sub-gap1:20px;
	}
	.wci-global-nav .wci-nav-link { height:115px; background-size:auto 50px; }
	.wci-global-nav .wci-nav-link .wci-label { font-size:14px; padding:0 0 12px; }
}
@container wciHtml (width >= 576px) and (width < 992px) {
	.wci-global-nav {
		--wci-header-sub-gap1:35px;
	}
	.wci-global-nav .wci-nav-link { height:180px; background-size:auto 100px; }
	.wci-global-nav .wci-nav-link .wci-label { font-size:18px; padding:0 0 10px; }
}
@container wciHtml (width < 992px) {
	.wci-global-nav { overflow-y:visible; }
	.wci-global-nav .wci-global-nav_ul { display:grid; grid-template-columns:1fr 1fr; gap:15px var(--wci-header-sub-gap1); }
	.wci-global-nav .wci-global-nav_ul > li:hover,
	.wci-global-nav .wci-global-nav_ul > li.is-open { background-color:#4bb8b0; }
	#wci-header .wci-global-nav .wci-global-nav_ul > li.is-open .wci-nav-link { color:#fff; filter:brightness(0) invert(1); opacity:1; }
	.wci-global-nav .wci-global-nav_ul > li.is-open .wci-nav-link .wci-label { color:#fff; }
	.wci-global-nav .wci-nav-link { margin-bottom:10px; }
}
@container wciHtml (width >= 992px) {
	.wci-global-nav .wci-global-nav_ul { display:flex; align-items:center; justify-content:end; padding:0; }
	.wci-global-nav .wci-global-nav_ul > li { height:var(--wci-header-h); position:relative; transition:background-color 0.25s ease; }
	.wci-global-nav .wci-nav-link { height:var(--wci-header-h); background-size:auto 36px; }
	.wci-global-nav .wci-is-community .wci-nav-link { background-size:45px auto; }
	.wci-global-nav .wci-nav-link .wci-label { font-size:14px; padding:0 0 5px; }
	.wci-global-nav .wci-global-nav_ul > li:hover { background-color:#145468; }
}

@container wciHtml (width >= 992px) and (width < 1400px) {
	.wci-global-nav .wci-global-nav_ul > li { flex:1 0 auto; max-width:160px; }
}
@container wciHtml (width >= 1400px) {
	.wci-global-nav .wci-global-nav_ul > li { width:160px; }
}
/* ドロップダウン三角形 */
.wci-global-nav .wci-has-submenu .wci-nav-link::after { content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:2px; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:10px solid #000; }

/* ドロップダウンメニュー: wci-submenu */
.wci-global-nav .wci-submenu { display:none; }
.wci-global-nav .wci-submenu .wci-nav-link_sub:hover { opacity:1; }
.wci-global-nav .wci-submenu .wci-nav-link_sub { text-decoration:none; display:flex; color:#fff; width:100%; }
.wci-global-nav .wci-submenu .wci-submenu-content { background-repeat:no-repeat; }
.wci-global-nav .wci-submenu .wci-submenu-title1 { font-weight:900; line-height:1.2; }
.wci-global-nav .wci-submenu .wci-submenu-title2 { font-weight:900; line-height:1.2; }
.wci-global-nav .wci-submenu .wci-submenu-desc { display:block; font-weight:bold; line-height:1.2; }
@container wciHtml (width < 576px) {
	.wci-global-nav .wci-mobile-submenu-header { background-position:left 20px center; font-size:17px; height:85px; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type2 .wci-nav-link_sub { padding-left:20px; height:85px; }
	.wci-global-nav .wci-submenu .wci-submenu-title1 { font-size:15px; }
	.wci-global-nav .wci-submenu .wci-submenu-title2 { font-size:15px; }
	.wci-global-nav .wci-submenu .wci-submenu-desc { font-size:12px; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type1 .wci-nav-link_sub { height:200px; padding:15px 0 20px; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type1 .wci-submenu-content { background-size:auto 70px; }
}
@container wciHtml (width >= 576px) and (width < 992px) {
	.wci-global-nav .wci-mobile-submenu-header { background-position:left 30px center; font-size:22px; height:100px; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type2 .wci-nav-link_sub { padding-left:30px; height:100px; }
	.wci-global-nav .wci-submenu .wci-submenu-title1 { font-size:25px; }
	.wci-global-nav .wci-submenu .wci-submenu-title2 { font-size:25px; }
	.wci-global-nav .wci-submenu .wci-submenu-desc { font-size:16px; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type1 .wci-nav-link_sub { height:300px; padding:25px 0 30px; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type1 .wci-submenu-content { background-size:auto 100px; }
}
@container wciHtml (width < 992px) {
	.wci-global-nav .wci-has-submenu.is-open { background-color:#4bb8b0; }
	.wci-global-nav .wci-has-submenu.is-open .wci-submenu { display:block; background-color:#4bb8b0; }
	.wci-global-nav .wci-submenu { position:relative; width:calc(200% + var(--wci-header-sub-gap1)); }
	.wci-global-nav .wci-is-recurrent .wci-submenu { left:calc((100% + var(--wci-header-sub-gap1)) * -1); }
	.wci-global-nav .wci-is-community .wci-submenu { left:0; }
	.wci-global-nav .wci-mobile-submenu-header { display:flex; width:100%; align-items:center; background-repeat:no-repeat; background-size:40px auto; color:#000; border-bottom:5px solid #000; font-weight:900; padding:0 0 0 80px; }
	#wci-header .wci-global-nav .wci-mobile-submenu-header { filter:invert(1); }
	.wci-global-nav .wci-submenu_ul { background:#fff; display:grid; grid-template-columns:1fr 1fr; gap:5px; }
	.wci-global-nav .wci-submenu_ul > li { background-color:#4bb8b0; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type1 .wci-nav-link_sub { justify-content:center; text-align:center; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type1 .wci-nav-link_sub .wci-submenu-content { display:flex; flex-direction:column; align-items:center; justify-content:end; height:94%; background-position:center top; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type1 .wci-submenu-title1 { display:flex; align-items:center; height:3em; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type1 .wci-submenu-content { background-position:left center; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type2 .wci-nav-link_sub { align-items:center; }
	.wci-global-nav .wci-submenu_ul .wci-nav-link_sub_type2 .wci-submenu-content { padding:5px 0 5px 70px; background-position:left center; background-size:49px auto; }
	.wci-global-nav .wci-submenu .wci-submenu-title1 { display:inline-block; }
	.wci-global-nav .wci-submenu .wci-submenu-title2 { display:inline-block; }
	.wci-global-nav .wci-is-recurrent .wci-submenu_ul .wci-nav-link_sub_type2 { grid-column:1 / 3; }
	.wci-global-nav .wci-is-recurrent .wci-submenu_ul .wci-nav-link_sub_type2 .wci-nav-link_sub + .wci-nav-link_sub { border-top:5px solid #fff; }
	.wci-global-nav .wci-is-community .wci-submenu_ul { grid-template-columns:1fr; }
}
@container wciHtml (width >= 992px) {
	.wci-global-nav .wci-submenu { position:fixed; left:0; top:var(--wci-header-h); width:100%; background:transparent;z-index:2100; }
	.wci-global-nav li:hover > .wci-submenu { display:block; }
	.wci-global-nav .wci-submenu_ul { position: sticky; max-width:1520px; margin:0 auto; background-color:#fff; display:flex;gap:6px;list-style:none; padding:0; justify-content:center; align-items:stretch; z-index: 10000; }
	.wci-global-nav .wci-submenu ul > li{flex:1;}
	.wci-global-nav .wci-submenu .wci-mobile-submenu-header { display:none; }
	.wci-global-nav .wci-submenu .wci-nav-link_sub { align-items:center; height:100%; background-color:#145468; transition:background-color 0.25s ease; padding:35px 0 35px 50px; }
	.wci-global-nav .wci-submenu .wci-nav-link_sub:hover { background-color:#ed8998; }
	.wci-global-nav .wci-submenu .wci-submenu-content { display:flex; justify-content:center; flex-direction:column; background-size:auto 70%; background-position:left center; min-height:100px; }
	.wci-global-nav .wci-submenu .wci-submenu-title1 { display:inline-block; font-size:25px; }
	.wci-global-nav .wci-submenu .wci-submenu-title2 { display:inline-block; font-size:20px; }
	.wci-global-nav .wci-submenu .wci-submenu-desc { font-size:17px; margin-top:10px; }
	
	/* 垂直分割サブメニュー */
	.wci-global-nav .wci-submenu .wci-submenu-vertical{display:flex;flex-direction:column;gap:6px;}
	.wci-global-nav .wci-submenu .wci-submenu-vertical .wci-nav-link_sub{flex:1;width:100%;gap:0;padding:24px 18px 24px 88px;margin:0; padding:20px 0 20px 30px; }
	.wci-global-nav .wci-submenu .wci-submenu-vertical .wci-nav-link_sub + .wci-nav-link_sub{margin-top:-1px;}
	.wci-global-nav .wci-submenu .wci-submenu-vertical .wci-submenu-content { min-height:auto; }
	.wci-global-nav .wci-submenu ul > li + li{margin-left:-1px;}
	
	.wci-global-nav .wci-submenu .wci-is-community_sub1,
	.wci-global-nav .wci-submenu .wci-is-community_sub2 { padding:20px 0 20px 50px; }
	.wci-global-nav .wci-submenu .wci-is-community_sub1 .wci-submenu-content,
	.wci-global-nav .wci-submenu .wci-is-community_sub2 .wci-submenu-content { min-height:auto; }
	.wci-global-nav .wci-is-recurrent_sub1 .wci-submenu-content,
	.wci-global-nav .wci-is-recurrent_sub2 .wci-submenu-content { padding-left:100px; }
	.wci-global-nav .wci-is-recurrent_sub3 .wci-submenu-content,
	.wci-global-nav .wci-is-recurrent_sub4 .wci-submenu-content,
	.wci-global-nav .wci-is-community_sub1 .wci-submenu-content,
	.wci-global-nav .wci-is-community_sub2 .wci-submenu-content { padding-left:70px; background-size:55px auto; }
}

/* ナビゲーションアイコン */
.wci-global-nav .wci-is-about .wci-nav-link {background-image:url("../image/layout/about.png");}
.wci-global-nav .wci-is-recurrent .wci-nav-link,
.wci-global-nav .wci-header-recurrent {background-image:url("../image/layout/recurrent.png");}
.wci-global-nav .wci-is-community .wci-nav-link,
.wci-global-nav .wci-header-community {background-image:url("../image/layout/community.png");}
.wci-global-nav .wci-is-archive .wci-nav-link {background-image:url("../image/layout/archive.png");}

/* ドロップダウンメニューイラスト */
.wci-global-nav .wci-is-recurrent_sub1 .wci-submenu-content { background-image:url("../image/layout/menu_recurrent.png"); }
.wci-global-nav .wci-is-recurrent_sub2 .wci-submenu-content { background-image:url("../image/layout/menu_open.png"); }
.wci-global-nav .wci-is-recurrent_sub3 .wci-submenu-content { background-image:url("../image/layout/menu_seminar.png"); }
.wci-global-nav .wci-is-recurrent_sub4 .wci-submenu-content { background-image:url("../image/layout/menu_dispatch.png"); }
.wci-global-nav .wci-is-community_sub1 .wci-submenu-content { background-image:url("../image/layout/menu_business.png"); }
.wci-global-nav .wci-is-community_sub2 .wci-submenu-content { background-image:url("../image/layout/menu_map.png"); }
.wci-global-nav .wci-is-community_sub1 .wci-submenu-title2 { background:url(../image/layout/icon_ex_link-w.png) no-repeat right center / auto 1em; padding-right:1.5em; }

/* モバイルメニュー ダークフッター */
.wci-header-right .wci-mobile-footer-dark{background-color:#164e5e;color:#fff;padding:40px 0 50px;}

@container wciHtml (width >= 992px) {
	.wci-header-right .wci-mobile-footer-dark { display:none !important; }
}


/* =============================
   レスポンシブ: タブレット (80%)
   ============================= */
@container wciHtml (width >= 992px) and (width < 1024px) {
.wci-header-right{gap:0;}
.wci-nav-link{background-size:25.6px auto;padding-top:33.6px;padding-bottom:16px;min-width:90px;font-size:9.5px;gap:4.8px;}
.wci-nav-link::before{width:90px;bottom:8px;height:1.6px;}
.wci-ku-logo{margin-left:12px;max-width:90px;}
.wci-is-community{background-size:36px auto;}
}

/* =============================
   レスポンシブ: 大型タブレット (90%)
   ============================= */
@container wciHtml (width >= 1024px) and (width < 1200px) {
.wci-header-right{gap:0;}
.wci-nav-link{background-size:28.8px auto;padding-top:37.8px;padding-bottom:18px;min-width:100px;font-size:11px;gap:5.4px;}
.wci-nav-link::before{width:100px;bottom:9px;height:1.8px;}
.wci-ku-logo{margin-left:13.5px;max-width:100px;}
.wci-is-community{background-size:40.5px auto;}
}

/* フッター内部: wci-footer-inner
    ============================= */
.wci-site-footer{background-color:#4bb8b0;color:#fff;}
.wci-footer-inner{max-width:1200px;margin:0 auto;}
.wci-footer-left{display:flex;align-items:flex-start;gap:24px;}
.wci-footer-logo{width:150px;height:auto;}
.wci-footer-info h2{color: white; font-size:18px;font-weight:700;margin:0 0 4px 0;line-height:1.4;}
.wci-footer-info .wci-footer-address {line-height:1.4;}
.wci-footer-right{display:flex;flex-direction:column;gap:12px;}
.wci-footer-bottom{max-width:1200px;margin:0 auto;padding:40px 40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;}
.wci-copyright{font-size:12px;margin:0; text-align:center; line-height:1.3; }

/* フッターレスポンシブ */
@container wciHtml (width < 576px){
	.wci-footer-info .wci-footer-address { font-size:13px; }
}
@container wciHtml (width >= 576px){
	.wci-footer-info .wci-footer-address { font-size:14px; }
}
@container wciHtml (width < 768px){
.wci-site-footer{padding:40px 0 0;}
.wci-footer-inner{padding:0 20px;}
.wci-footer-left{flex-direction:column;gap:20px;align-items:center;text-align:center;}
.wci-footer-logo{width:120px;}
.wci-footer-info h2{font-size:16px;}
.wci-footer-info .wci-footer-address { margin:0 0 20px; }
.wci-footer-right{flex-direction:row;gap:16px;justify-content:center;}
.wci-footer-bottom{flex-direction:column;gap:20px;padding:30px 20px 20px;text-align:center;}
.wci-copyright{font-size:11px;}
}
@container wciHtml (width >= 768px){
	.wci-footer-info .wci-footer-address { margin:0 0 8px; }
	.wci-site-footer{padding:60px 0 0;}
	.wci-footer-inner{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:40px;padding:0 40px;}
}

/* 下層メニュー対策 */
.kasouinner ul.pagelink { z-index:1000; }

/* center */
.wci-center_wrap { max-width:1760px; margin:0 auto; }
.wci-center { max-width:1560px; margin:0 auto; }
.wci-center1 { max-width:1580px; margin:0 auto; }
.wci-center2 { max-width:1335px; margin:0 auto; }
.wci-center3 { max-width:1190px; margin:0 auto; }
@container wciHtml (width < 576px){
	.wci-center { padding-left:20px; padding-right:20px; }
	.wci-center_wrap { padding-left:10px; padding-right:10px; }
	.wci-center_wrap .wci-center { padding-left:10px; padding-right:10px; }
	.wci-center1 { padding-left:20px; padding-right:20px; }
	.wci-center2 { padding-left:20px; padding-right:20px; }
	.wci-center3 { padding-left:20px; padding-right:20px; }
}
@container wciHtml (width >= 576px) and (width < 768px){
	.wci-center { padding-left:30px; padding-right:30px; }
	.wci-center_wrap { padding-left:30px; padding-right:30px; }
	.wci-center_wrap .wci-center { padding-left:50px; padding-right:50px; }
	.wci-center1 { padding-left:80px; padding-right:80px; }
	.wci-center2 { padding-left:80px; padding-right:80px; }
	.wci-center3 { padding-left:30px; padding-right:30px; }
}
@container wciHtml (width >= 768px){
	.wci-center_wrap .wci-center { padding-left:30px; padding-right:30px; }
	.wci-center1 { padding-left:30px; padding-right:30px; }
	.wci-center2 { padding-left:30px; padding-right:30px; }
	.wci-center3 { padding-left:30px; padding-right:30px; }
}
@container wciHtml (width >= 1850px){
	.wci-center_wrap { max-width:1850px; padding-left:70px; padding-right:70px; }
}