/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 01 2025 | 05:08:18 */
/*--------------------------------
ナビゲーションメニュー（グローバルナビゲーション）
--------------------------------*/
/*----- グローバルメニューの天地位置調整 -----*/
@media screen and (min-width: 768px) {
     .nav__list--global {
          margin-top: .6em!important;
          font-size: .8em!important;
     }
}
/*----- プルダウンメニュー -----*/
/* フォント調整 */
ul#menu-main-navigation-1 li.megamenu__item ul.megamenu__submenu li.menu-item a,
ul#menu-main-navigation-new-1 li.megamenu__item ul.megamenu__submenu li.menu-item a {
     font-size: 21px;
     /* font-size: 1.2em; */
     font-weight: 600;
}
ul#menu-main-navigation-1 li.megamenu__item ul.megamenu__submenu li.menu-item ul.sub-menu li a,
ul#menu-main-navigation-new-1 li.megamenu__item ul.megamenu__submenu li.menu-item ul.sub-menu li a {
     font-size: 15px;
     /* font-size: .83em; */
     font-weight: normal!important;
}
ul#menu-main-navigation-1 li.megamenu__item ul.megamenu__submenu li.menu-item ul.sub-menu li,
ul#menu-main-navigation-new-1 li.megamenu__item ul.megamenu__submenu li.menu-item ul.sub-menu li {
     line-height: 1.8;
}
/* リンク項目の上下空間調整 */
p.h3 {
     font-size: 21px;
     line-height: 1.2;
}
/* カテゴリー表示の下空調整 */
a.button.button--tertiary.u-marginRight4gu.u-marginBottom4gu {
     /* margin-bottom: .3em!important; */
     margin-bottom: 5px!important;
     /* font-size: .7em!important; */
     font-size: 12px!important;
}
ul#menu-main-navigation-1 li.megamenu__item ul.megamenu__submenu li.menu-item a,
ul#menu-main-navigation-new-1 li.megamenu__item ul.megamenu__submenu li.menu-item a {
     font-weight: normal!important;
}
/* プルダウンメニュー内タイトルとなるテキストの色調整「公開講座」 */
li#menu-item-14675 > a {
     color: #838383;
}
/* スマホ グローバルメニューの幅調整（About→私たちについて） */
@media screen and (max-width: 767px) {
	ul#menu-main-navigation {
		width: 95%;
		line-height: 1.5;
	}
}
/*----- タブレット設定 -----*/
@media screen and (min-width: 768px) and (max-width: 1086px) {
     /* 表示幅（左右欄の崩れ防止） */
     .megamenu__submenu > li:not(:first-child) {
          width: 54%!important;
     }
     /* ナビのフォントサイズ */
     .nav__list--global > li > a {
          font-size: 12px;
     }
}
@media screen and (max-width: 767px) {
     .megamenu__submenu > li:not(:first-child) {
          width: 100%!important;
     }
}

/*----- プルダウンがないメニューから▼を非表示 -----*/
li#menu-item-16322 a::before,
li#menu-item-13887 a::before {
     display: none;
}

/*----- イベントのプルダウン展開一部リンクとカーソル変更 -----*/
li#menu-item-12058 a:first-child {
	cursor: inherit!important;
}
ul.sub-menu li#menu-item-17202 a {
	cursor: pointer!important;
}

/*----- ロゴと右のナビの重なり順（プルダウンの背景が正常に表示されないので使わない） -----*/
/* .u-bgColorWhite.container__col.container__col-md-12.container__grid.container__grid--justify-between.container__grid--align-middle.header__main.container__col--fit-content {
     position: relative;
}
.container__col-lg--fit-content {
     z-index: 2;
}
.navigation-container {
     z-index: 1;
} */

/*----- ロゴの左側の空白を調整する -----*/
.container__col.container__col--fit-content.container__col-md-4.container__col-lg--fit-content.header__main--logo a {
     margin-left: 1em!important;
}


/*--------------------------------
ナビゲーションメニュー（フッタメニュー）
--------------------------------*/
/*----- メニューの一部を非表示 -----*/
/* プロダクトプライバシーポリシー */
li#menu-item-12006 {
     display: none;
}
/*----- メニューのフォントサイズ調整 -----*/
@media screen and (min-width: 768px) {
     nav.nav--footer.u-md-inlineBlock {
          font-size: .8em;
     }
}
/*----- モバイル版のグローバルメニューの調整（アイコン含む） -----*/
li#menu-item-16322 a::before,
li#menu-item-13887 a::before,
li#menu-item-12487 a::before,
li#menu-item-12015 a::before {
     content: '';
     display: none;
}
@media screen and (max-width: 767px) {
     .nav__list--inline > li {
          margin: 0!important;
     }
     .nav__list--global > li > a::before {
          top: 0!important;
          right: 10px;
     }
}
/*----- お問い合わせ下の空き調整（タブレット） -----*/
/* @media screen and (min-width: 768px) and (max-width: 1024px) */
@media screen and (min-width: 768px) and (max-width: 1180px) {
     nav#globalNav {
          padding: 0;
          height: 3em;
          overflow: hidden;
     }
     .nav__list--global {
          margin-top: -.5em;
     }
}
/*----- アイコン付きのメニューの幅調整 -----*/
@media screen and (max-width: 767px) {
     nav#globalNav {
          /* margin-left: 3%; */
          width: 100%;
     }
     .nav__list--global > li > a::before {
          right: 15px!important;
     }
     .nav__list--global > li i {
          background-position: center;
     }
     i.icon.icon--people.icon--megamenu {
          background-size: 40%!important;
     }
}
/* スマホでの「お問い合わせ」ボタンの配置調整 */
a.button.button--header.u-block.u-paddingVert3gu.u-md-paddingVert6gu.u-md-marginLeft7gu.u-textAlignCenter {
     display: block!important;
}
@media screen and (max-width: 767px) {
     a.button.button--header.u-block.u-paddingVert3gu.u-md-paddingVert6gu.u-md-marginLeft7gu.u-textAlignCenter {
          /* width: 95%; */
          /* width: 85%; */
          /* width: 20%; */
          margin: 0 auto!important;
          height: 2em;
          line-height: 2em;
          /* height: 2.5em;
          line-height: 2.8em; */
     }
     body.page-id-12482 a.button.button--header.u-block.u-paddingVert3gu.u-md-paddingVert6gu.u-md-marginLeft7gu.u-textAlignCenter {
          margin: -4em auto 0!important;
          height: 4em;
     }
}
/* スマホでのグローバルニュー展開時の調整 */
@media screen and (max-width: 767px) {
     .u-bgColorBlack {
          /* margin-top: -46em; */
          /* margin-left: auto; */
          /* margin-right: 0; */
          background-color: #2a2723;
          width: 4em;
          height: 3.8em;
          z-index: 10;
          position: absolute;
          right: 0;
          top: 0;
     }
     span.container__grid.container__grid--align-middle.container__grid--justify-center.button--navigation--copy {
          color: #2a2723;
          width: 2em;
          height: 2em;
          overflow: hidden;
          padding-top: .5em;
          position: absolute;
          right: .7em;
          top: .7em
     }
     span.container__grid.container__grid--align-middle.container__grid--justify-center.button--navigation--copy::after {
          display: none;
     }
     span.container__grid.container__grid--align-middle.container__grid--justify-center.button--navigation--copy::before {
          color: #fff;
     }
     /* .container__col.container__col--fit-content.header__cta {
          margin-top: -3.8em;
     } */
     .megamenu__inner {
          max-height: none!important;
          overflow-y: hidden!important;
     }
}

/*--------------------------------
ナビゲーションメニュー（ヘッダメニュー）
--------------------------------*/
/*----- アイコンの挙動調整 -----*/
.nav__list--global > li > a::before {
     display: none;
}
@media (min-width: 768px) {
     .nav__list--global > #menu-item-12012 > a::after,
     .nav__list--global > #menu-item-12014 > a::after {
          background-image: url("/wp-content/uploads/2024/01/icon-nav-arrow@2x.png");
          background-size: 9px auto;
          background-position: center center;
          background-repeat: no-repeat;
          content: '';
          display: inline-block;
          height: 0.75em;
          margin-left: 0.25rem;
          -webkit-transition: all ease 0.2s;
          transition: all ease 0.2s;
          width: 9px;
     }
}
@media all and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5),
all and (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2),
all and (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5),
all and (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
     .nav__list--global > #menu-item-12012 > a::after,
     .nav__list--global > #menu-item-12014 > a::after {
          background-image: url("https://global-wilsonlearning.tangence.com/wp-content/themes/wilsonlearning/lib/images/icons/icon-nav-arrow@2x.png");
     }
}
@media (min-width: 768px) {
     .nav__list--global > #menu-item-12012.active > a::after,
     .nav__list--global > #menu-item-12014.active > a::after {
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
     }
}
/*----- ホバー時のアンダーライン設定 -----*/
@media screen and (min-width: 768px) {
     .nav__list--global > #menu-item-12012,
     .nav__list--global > #menu-item-12014,
     .nav__list--global > #menu-item-12015,
     .nav__list--global > #menu-item-16322,
     .nav__list--global > #menu-item-13887,
     .nav__list--global > #menu-item-12487 {
          border-bottom: 2px solid #fff;
          transition: all ease 0.2s;
     }
     .nav__list--global > #menu-item-12012:hover,
     .nav__list--global > #menu-item-12014:hover,
     .nav__list--global > #menu-item-12015:hover,
     .nav__list--global > #menu-item-16322:hover,
     .nav__list--global > #menu-item-13887:hover,
     .nav__list--global > #menu-item-12487:hover {
          border-bottom: 2px solid #f9bd38;
     }
}
@media screen and (max-width: 767px) {
     .nav__list--global > .menu-item {
          border-bottom: 2px solid #fff;
          -webkit-transition: all ease 0.2s;
          transition: all ease 0.2s;
     }
     .nav__list--global > .menu-item.active {
          border-bottom: 2px solid #f9bd38;
          -webkit-transition: all ease 0.2s;
          transition: all ease 0.2s;
     }
}

/*--------------------------------
アンカーリンク到達点調整
--------------------------------*/
body.page-id-14028 section.panel.panel--content .container.container__grid .container__col.container__col-12.panel--content__article p span {
     display: block;
     padding-top: 2em;
     margin-top: -2em;
}
@media screen and (max-width: 767px) {
     body.page-id-14028 section.panel.panel--content .container.container__grid .container__col.container__col-12.panel--content__article p span {
          padding-top: 7em!important;
          margin-top: -7em!important;
     }
}

/*--------------------------------
ナビゲーションの表示調整（タブレット、PC）
--------------------------------*/
@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (-o-min-device-pixel-ratio: 3 / 2), (min-width: 768px) and (min--moz-device-pixel-ratio: 1.5), (min-width: 768px) and (min-device-pixel-ratio: 1.5) {
	.nav__list--global > #menu-item-12012 > a::after, .nav__list--global > #menu-item-12014 > a::after {
		background-image: url(/wp-content/themes/wilsonlearning/lib/images/icons/icon-nav-arrow@2x.png)!important;
	}
}
@media screen and (min-width: 768px) and (max-width: 1086px) {
	nav#globalNav {
		height: 3em;
		width: 91%;
	}
	.nav__list--global > li > a {
		font-size: .6rem!important;
	}
	.container__col.container__col--fit-content.container__col-md-4.container__col-lg--fit-content.header__main--logo {
		width: 22%;
	}
	.container__col.container__col--fit-content.container__col-md-4.container__col-lg--fit-content.header__main--logo a img {
		width: 100%;
	}
}
@media screen and (min-width: 1087px) and (max-width: 1132px) {
	nav#globalNav {
		height: 3em;
		width: 78%;
	}
	.nav__list--global > li > a {
		font-size: 12px;
	}
	.container__col.container__col--fit-content.container__col-md-4.container__col-lg--fit-content.header__main--logo {
		width: 25%;
	}
	.container__col.container__col--fit-content.container__col-md-4.container__col-lg--fit-content.header__main--logo a img {
		width: 100%;
	}
}


/*----- ヘッダーお問い合わせボタンと多言語切り替えのhover挙動 -----*/
/* お問い合わせ */
.custom-header-cta .custom-button-header {
	transition: all .5s ease;
}
.custom-header-cta .custom-button-header:hover {
	background-color: #fbbd3a;
	color: #2a2723;
	border: 1px solid #fbbd3a;
}
/* 多言語切り替え */
.site-picker {
	transition: all .5s ease;
}
.site-picker:hover {
	background-color: #fbbd3a;
	border: 1px solid #fbbd3a;
	color: #2a2723;
}