@charset "UTF-8";


/*================================================================================
  ヘッダー
================================================================================*/

/* ----------------------------------------------
  グローバルナビゲーション
---------------------------------------------- */
.field_sports {
	--field_color_hex: #03BAD5;
	--field_color_rgb: 3, 186, 213;
}
.field_medical {
	--field_color_hex: #08C17D;
	--field_color_rgb: 8, 193, 125;
}
.field_beauty {
	--field_color_hex: #F35C99;
	--field_color_rgb: 243, 92, 153;
}
@media screen and (min-width: 767px) {
	/*PC*/
	.header__pcMenu {
		width: 100%;
	}
	.header__pcMenu__item > a,
	.header__pcMenu__item__fieldMenu__itemList_item .header__pcMenu__item {
		font-size: 1.2rem;
		padding: 5px 0.75vw 5px 0.75vw;
	}
	.header__pcMenu__gr__head__ttl__span {
		padding: 10px 50px 10px 20px;
	}
	.header__pcMenu__gr__menu > li .mini {
		font-size: 0.85em;
	}
	.header__pcMenu__gr__fieldList {
		display: flex;
		flex-wrap: wrap;
		column-gap: min(5vw, 3rem);
		row-gap: min(5vw, 2.5rem);
	}
	.header__pcMenu__gr__fieldItem {
		width: calc((100% / 3) - min(5vw, 2rem));
		background: #fff;
		padding: min(5vw, 2rem);
	}
	.header__pcMenu__item {
		color: var(--field_color_hex, #3f5685);
	}
	.header__pcMenu__gr__fieldItem .header__pcMenu__gr__menu > li {
		width: 100%;
	}
	.header__pcMenu__gr__head__ttl {
		border-left: 5px solid var(--field_color_hex, #3f5685);
		margin-bottom: 2rem;
	}
	.header__pcMenu__gr__head__ttl,
	.header__pcMenu__gr__head__ttl a {
		color: var(--field_color_hex, #3f5685);
		line-height: 1;
	}
	.header__pcMenu__gr__head__ttl a:before {
		bottom: 0;
		top: 50%;
		transform: translateY(-50%);
		background: url("../../assets/images/linkic_w.svg") no-repeat center center var(--field_color_hex, #3f5685);
		background-size: 15px;
	}
	.header__pcMenu__gr__fieldItem__ttl {
		display: inline-block;
		padding: 10px 50px 10px 20px;
	}
	.header__pcMenu__gr__menu,
	.header__pcMenu__gr__menu a {
		color: var(--field_color_hex, #3f5685);
	}

	/*分野別メニュー*/
	.header__pcMenu__item__fieldMenuBox {
		margin-right: auto;
	}
	.header__pcMenu__item__fieldMenuBox .header__pcMenu__item__fieldMenu__itemList_item:first-child .header__pcMenu__item {
		position: relative;
		padding-left: 1em;
	}
	.header__pcMenu__item__fieldMenuBox .header__pcMenu__item__fieldMenu__itemList_item:first-child .header__pcMenu__item:before {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(0, -50%);
		content: "";
		width: 1px;
		height: 50%;
		background: #d2d2d2;
	}
	.header__pcMenu__item + .header__pcMenu__gr {
		display: flex !important;
		height: 0;
		padding: 0 8%;
		transition: height .5s, padding .5s;
	}
	.header__pcMenu__item.__open + .header__pcMenu__gr,
	.header__pcMenu__item + .header__pcMenu__gr:hover,
	.header__pcMenu__item.__open + .header__pcMenu__gr:hover {
		height: 80vw;
		padding: 40px 8%;
	}

	.header__pcMenu__itemBox {
		padding: 2.5px;
	}
	.header__pcMenu__item__fieldMenu__title {
		background: rgba(216, 246, 30, 0.31);
		text-align: center;
	}
	.header__pcMenu__item__fieldMenu__itemList {
		display: flex;
		column-gap: 0.25em;
		height: 100%;
	}
	.header__pcMenu__item__fieldMenu__itemList_item {
		display: flex;
	}
	.header__pcMenu__item__fieldMenu__itemList_item .header__pcMenu__item {
		width: max-content;
		font-weight: bold;
    font-size: 1.2rem;
    letter-spacing: 0;
		padding: 0.5em 0.75em;
	}
	/*美容＠分野別メニュー*/
	.header__pcMenu__item__fieldMenu__itemList_item.field_beauty .header__pcMenu__gr__menu.type_wide > li {
		width: 100%;
	}
	.header__pcMenu__item__fieldMenu__itemList_item.field_beauty .header__pcMenu__gr__menu__courseBox {
		display: flex;
	}
	.header__pcMenu__item__fieldMenu__itemList_item.field_beauty .header__pcMenu__gr__menu__courseTitle,
	.header__pcMenu__item__fieldMenu__itemList_item.field_beauty .header__pcMenu__gr__menu__courseTitle > a {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: var(--field_color_hex, #3f5685);
		color: #fff;
		text-align: center;
		border: none;
		font-size: 1.5em;
		line-height: 1.25;
		padding: 1vw;
	}
	.header__pcMenu__item__fieldMenu__itemList_item.field_beauty .header__pcMenu__gr__menu__courseTitle .mini {
		font-size: 0.65em;
	}
	.header__pcMenu__item__fieldMenu__itemList_item.field_beauty .header__pcMenu__gr__menu__courseContent {
		flex: 3;
		background: #fff;
		padding-inline: 2vw;
	}
	.header__pcMenu__item__fieldMenu__itemList_item.field_beauty .header__pcMenu__gr__menu__course__majorList {
		display: flex;
		align-items: center;
		height: 100%;
		column-gap: min(5vw, 2rem);
	}
	.header__pcMenu__item__fieldMenu__itemList_item.field_beauty .header__pcMenu__gr__menu__course__majorItem {
		width: auto;
		margin: 0;
	}
	.header__pcMenu__item__fieldMenu__itemList_item.field_beauty .header__pcMenu__gr__menu__course__majorItem > a {
		display: inline-block;
		border: none;
		text-decoration: underline;
		line-height: 1.25;
		padding-right: 2em;
	}

	/* 2023.10.20 ページアクセス時のGナビメニュー表示を調整 */
	.header__pcMenu__item .header__pcMenu__gr {
		display: none;
	}
}

@media screen and (min-width: 767px) and (max-width: 1300px) {
	/*PC（タブレット寄り）*/
	.header__pcMenu__item > a,
	.header__pcMenu__item__fieldMenu__itemList_item .header__pcMenu__item {
		font-size: 0.85vw;
		padding: 5px 0.75vw 5px 0.75vw;
	}
}


@media screen and (max-width: 767px) {
	/*SP*/
	.header__naviList > li .header__cat {
		color: var(--field_color_hex);
	}
	.header__navi ul > li > a,
	.header__navi__gr__ttl__main {
		color: var(--field_color_hex);
	}
}