@charset "UTF-8";

:root {
	--color-primary: #18783A;
	--color-primary-rgb: 24, 120, 58;
	--color-es: #f27312;
	--color-es-rgb: 242, 115, 18;
	--color-jh: #c60263;
	--color-jh-rgb: 198, 2, 99;
	--color-hs: #1257b3;
	--color-hs-rgb: 18, 87, 179;
}

/* !foundation */
/* --------------------------- */
* {
	box-sizing: border-box;
}
html,body {
	font-family:'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','游ゴシック', YuGothic,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	-webkit-font-smoothing: antialiased;
	-webkit-font-variant-ligatures:none;
	font-variant-ligatures:none;
}
body {
	background: #fff;
	color: #000;
	max-width: 100%;
	overflow-x: hidden;
	position: relative;
	text-align: center;
	min-height: 100%;
	border-top: solid 12px var(--color-primary);
}
body.no_scroll{
	overflow: hidden;
}
a,
a img {
	color: #000;
	opacity: 1;
	transition: all 0.4s ease;
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
a:visited {
	color: #424242;
}
a:hover {
	text-decoration: none;
	color: #259625;
}
a:focus,
a:active {
	color: #DB4727;
	text-decoration: none;
	outline: none;
}
a:hover img {
	opacity: 0.6;
}
a:hover,
a:hover img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
hr {
	border: 0;
	height: 1px;
	background-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 50%, rgba(0,0,0,0) 100%);
	margin: 1em auto;
	clear: both;
	max-width: 50vw;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}

.btn {
	min-width: 15em;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1;
	text-align: center;
	background: var(--color-primary);
	color: #fff;
	text-decoration: none;
	padding: 0.625em 1.5em;
	margin: 0.5rem auto;
	transition: all 0.4s ease;
}
.btn:visited {
	color: #fff;
}
.btn:hover {
	color: #fff;
	transform: translateY(1px);
	cursor: pointer;
	background: #259625;
}
.btnLarge {
	font-size: 2em;
	line-height: 1.2em;
	margin: 1em auto;
	border-radius: 0.375em;
	box-shadow: 0 4px 1px 0 rgba(0,0,0,.25);
	text-shadow: 0 2px 1px rgba(0,0,0,.5);
}
.btnLarge:hover {
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.375);
	transform: translateY(3px);
	text-shadow: 0 -1px 1px rgba(0,0,0,.5);
}
.btnLarge .capsSmall {
	font-size: 0.666em;
	vertical-align: middle;
	margin: 0 0.25em;
}
.btnJh {
	background: var(--color-jh);
}
.btnJh:hover {
	background: #d13582;
}
.btnHs {
	background: var(--color-hs);
}
.btnHs:hover {
	background: #004fa5;
}
.btnEs {
	background: var(--color-es);
}
.btnEs:hover {
	background: #cc600f;
}
.btnInfo {
	background: #F0AA50;
}
.btnInfo:hover {
	background: #E08D32;
}
.btnGray {
	background: #666;
}
.btnGray:hover {
	background: #333;
}

/* material
--------------------------- */
.clearFloat {
	clear: both;
}
.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}
.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0.375em auto;
	text-align: center!important;
}
.commonTxt.aligncenter {
	text-indent: 0;
}
.sp {
	display: none;
}
.flexCont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flexCenter {
	justify-content: space-around;
}
.sList {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tate {
	-webkit-font-feature-settings: 'palt' 0;
	font-feature-settings: 'palt' 0;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
[data-ruby] {
	position: relative;
}
[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -1.375em;
	left: 50%;
	margin: auto;
	font-size: 0.5em;
	white-space: nowrap;
	transform: translateX(-50%);
}
/* !font */
/* --------------------------- */
/* .wf-udshingoconde50-b {font-family:UDShinGoCOfizPr6N-Bol, 'UD新ゴ コンデンス50 B', 'UD Shin Go Conde50 B';}
.wf-udshingoconde80-r, .schoolNav .capsSmall {font-family:UDShinGoCOeizPr6N-Reg, 'UD新ゴ コンデンス80 R', 'UD Shin Go Conde80 R';}
.wf-udshingoconde80-m {font-family:UDShinGoCOeizPr6N-Med, 'UD新ゴ コンデンス80 M', 'UD Shin Go Conde80 M';}
.wf-bodoni-r {font-family: "BodoniMO Condensed Pro Regular";}
.wf-udshingo-l, .headerTool, .copyright, .topEventTitle, .guideTxt .sessionTimeschedule, .sessionSchedule, .msgName, .outlineHistory, .postDate, .taikenScheduleNotes, .clubResultsTitle, .kanScheduleTitle, .seniorUniv, .achieveData, .facilityGallery, .pageNav, .clubProfileBody {font-family:UDShinGoPro-Light, 'UD新ゴ L JIS2004', 'UD Shin Go Light JIS2004';}
.wf-udshingo-r, .siteTitle, .topNav, .contTitle .capsSmall, .topJuken, .schoolNavBox, .eventCalendarBody, .kanScheduleBody, .examFlow, .examOutline, .tokushoDetail, .clubStaffTitle, .nsFlow dd, .modalTxt, .modalOutline {font-family:UDShinGoPro-Regular, 'UD新ゴ R JIS2004', 'UD Shin Go Regular JIS2004';}
.wf-udshingo-m, .headerNavReq, .headerNavCC, .gNav, .footerInfoTitle, .topEventCat, .topNewsCat, .pageTitle, .sessionNum, .sessionStatus, .msgCatch, .outlineTitle, .videoList, .postCat, .commonCatch, .assessList, .taikenStage, .taikenSchedule, .taikenCalendar, .clubList, .seniorName, .hsKanName, .examOutline th, .contNav, .innerNav, .sessionTitle, .newsNav, .puList, .clubProfileTitle, .hs .eventCalExam.noLink, .sessionCourseList, .ncCatch, .nsFlow dt  {font-family:UDShinGoPro-Medium, 'UD新ゴ M JIS2004', 'UD Shin Go Medium JIS2004'; font-weight: normal;}
.wf-udshingo-b, .headerNavCC b, .contTitle, .topEventDate, .guideTitle, .guideShoulder, .btnLarge, .sessionTime, .postTitle, .clubResultsBody, .ruikeiCatch, .stepTitle, .postBody strong, .postBody h2, .postBody h3, .postBody h4, .clubStaffName {font-family:UDShinGoPro-Bold, 'UD新ゴ B JIS2004', 'UD Shin Go Bold JIS2004'; font-weight: normal;}
.wf-udshingo-h, .headerCatch, .ticketTitle, .guideCatch {font-family:UDShinGoPro-Heavy, 'UD新ゴ H JIS2004', 'UD Shin Go Heavy JIS2004'; font-weight: normal;}
.wf-ryumin-u, .topMainTitle, .msgTitle, .objectivePolicy, .songTxt, .songCredit {font-family: RyuminPro-Regular, 'リュウミン R-KL', 'Ryumin Regular KL'}
.wf-a1gothM, .headerEng, .eventCalMonth, .koushienCatch, .esPoint {font-family: PA1GothicStdN-Medium, "A1ゴシック M", 'A1 Gothic M';}
.wf-a1gothB, .puTitle, .koushienTitle {font-family: PA1GothicStdN-Bold, "A1ゴシック B", 'A1 Gothic B'; font-weight: normal;}
.wf-a1min, .philosophyTitle, .philosophyBody, .modalTitle {font-family: A1MinchoStd-Bold, "A1明朝", 'A1 Mincho'; font-weight: normal;} */
.wf-udshingoconde50-b {font-family: "BIZ UDPGothic", sans-serif; font-weight: 700; scale: 0.5, 1;}
.wf-udshingoconde80-r, .schoolNav .capsSmall, .wf-udshingoconde80-m {font-family: "BIZ UDPGothic", sans-serif; font-weight: 700; scale: 0.8, 1;}
/* .wf-bodoni-r {font-family: "BodoniMO Condensed Pro Regular";} */
.wf-udshingo-l, .headerTool, .copyright, .topEventTitle, .guideTxt, .sessionTimeschedule, .sessionSchedule, .msgName, .outlineHistory, .postDate, .taikenScheduleNotes, .clubResultsTitle, .kanScheduleTitle, .seniorUniv, .achieveData, .facilityGallery, .pageNav, .clubProfileBody, .wf-udshingo-r, .siteTitle, .topNav .capsSmall, .topJuken, .schoolNavBox, .eventCalendarBody, .kanScheduleBody, .examFlow, .examOutline, .tokushoDetail, .clubStaffTitle, .nsFlow dd, .modalTxt, .modalOutline {font-family: "BIZ UDPGothic", sans-serif; font-weight: 400;}
.wf-udshingo-m, .headerNavReq, .headerNavCC, .gNav, .footerInfoTitle, .topEventCat, .topNewsCat, .pageTitle, .sessionNum, .sessionStatus, .msgCatch, .outlineTitle, .videoList, .postCat, .commonCatch, .assessList, .taikenStage, .taikenSchedule, .taikenCalendar, .clubList, .seniorName, .hsKanName, .examOutline th, .contNav, .innerNav, .sessionTitle, .newsNav, .puList, .clubProfileTitle, .hs .eventCalExam.noLink, .sessionCourseList, .ncCatch, .nsFlow dt, .wf-udshingo-b, .headerNavCC b, .topEventDate, .guideTitle, .guideShoulder, .btnLarge, .sessionTime, .postTitle, .clubResultsBody, .ruikeiCatch, .stepTitle, .postBody strong, .postBody h2, .postBody h3, .postBody h4, .clubStaffName, .wf-udshingo-h, .headerCatch, .ticketTitle, .guideCatch {font-family: "BIZ UDPGothic", sans-serif; font-weight: 700;}
.wf-a1gothM, .headerEng, .eventCalMonth, .koushienCatch, .esPoint {font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 700;}
.wf-a1gothB, .puTitle, .koushienTitle {font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 700;}
.contTitle {font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 900;}
.wf-ryumin-u, .topMainTitle, .msgTitle, .objectivePolicy, .songTxt, .songCredit, .wf-a1min, .philosophyTitle, .philosophyBody, .modalTitle {font-family: "Noto Serif JP", serif; font-optical-sizing: auto; font-weight: 600;}

/* !layout */
/* --------------------------- */
.inner {
	position: relative;
	max-width: 1024px;
	margin: 0 auto;
}
main {
	min-height: 50vh;
}

/* !header */
/* --------------------------- */
.gHeader {
	position: relative;
	margin: 0 auto;
	padding: 12px 0 8px;
}
.headerCont {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
	margin: 0 auto 12px;
}
.siteTitle {
	max-width: 50%;
	margin: 0 auto 0 0;
	font-size: 0.875em;
	line-height: 2.625em;
}
.siteTitle a {
	text-decoration: none;
}
.siteTitle span {
	font-size: 2em;
}
.headerTool {
	max-width: 56%;
	margin: 0 0 0 auto;
	text-align: right;
}
.haderNav {
	margin: 0;
}
.headerNavItem {
	display: inline-block;
	margin: 0 0 0 8px;
	text-align: center;
	font-size: 0.875em;
	line-height: 1;
}
.headerNavLink {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	vertical-align: top;
}
.headerNavReq,
.headerNavReq:visited {
	background: var(--color-primary);
	color: #fff;
	font-size: 1.25em;
	line-height: 1;
	border: solid 1px var(--color-primary);
}
.headerNavReq:hover {
	opacity: 0.8;
	color: #fff;
}
.headerNavCC {
	border: solid 1px #B3B3B3;
	padding: 0.1em 1em;
}
.headerNavCC:hover {
	background: #f0f0f0;
	color: #000;
	border-color: #000;
}
.headerNavCC .fa-youtube {
	font-size: 2.375em;
	vertical-align: -0.2em;
	color: red;
}
.txtNav {
	margin: 12px 0 0 auto;
	display: inline-block;
	text-align: center;
	font-size: 0.875em;
	line-height: 1;
}
.txtNavItem,
body:lang(en)  .txtNavItem.noja {
	display: inline-block;
	text-align: center;
}
.txtNavItem + .txtNavItem {
	border-left: solid 1px #424242;
}
.txtNavLink {
	display: block;
	text-decoration: none;
	padding: 0.5em 0.75em;
}
.txtNavLink:hover {
	background: #f0f0f0;
}
.headerSearch {
	font-size: 0.875em;
	line-height: 1;
	display: inline-block;
	margin-right: 1em;
}
.headerSearch input[type="text"] {
	width: 10em;
	height: 1em;
	padding: 0.25em 0.5em;
	margin-left: 0.25em;
	vertical-align: middle;
}
.headerSearch input[type="submit"] {
	outline: none;
	border: solid 1px #B3B3B3;
	background: #B3B3B3;
	color: #fff;
	padding: 0.25em 0.5em;
	margin-left: 0.25em;
	vertical-align: middle;
}
#spNav,
.gNavBg,
.moreCheck {
	display: none;
}
.topHeaderBnr,
.topHeaderBnr:visited {
	display: block;
	margin: 0 auto 1rem;
	border: solid 1px #000;
	box-shadow: 0 0 0 0 var(--color-primary);
	transition: none;
	flex-shrink: 0;
	width: 43vw;
}
.topHeaderBnr img {
	width: 100%;
}
.topHeaderBnr:hover {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 2px var(--color-primary);
}
.topHeaderBnr:hover img {
	opacity: 1;
}
.topHeaderBnr.sp {
	display: none;
}
.bnrWrap {
	max-width: 98vw;
	margin: 0 auto 1rem;
	display: flex;
	justify-content: space-between;
}
.bnrWrap a {
	display: block;
	margin: 0.5vw;
}
.bnrWrap.sp {
	display: none;
}

/* !nav */
/* --------------------------- */
.gNav {
	border-top: solid 4px #CCF0BC;
	border-bottom: solid 4px #CCF0BC;
}
.gNavList {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	font-size: 1.125em;
}
.gNavItem {
	margin: 0;
	position: relative;
}
.gNavLink {
	padding: 0.6em 0.5em 0.6em 0.25em;
	text-decoration: none;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.navIcon {
	margin-right: 0.25em;
}
.gNavLink:hover .navIcon {
	opacity: 1;
	transform: scale(1.1);
}
.ch .gNavList>.gNavItem:nth-of-type(1)>.gNavLink,
.access .gNavList>.gNavItem:nth-of-type(5)>.gNavLink {
	color: #259625;
}
.gNavListChild {
	font-size: 0.77em;
	line-height: 1;
	white-space: nowrap;
	text-align: left;
	background: #CCF0BC;
	position: absolute;
	top: 3.625em;
	left: 0;
	min-width: 100%;
	opacity: 0;
	transition: all 0.4s ease;
	transform: translateY(-0.5em);
	pointer-events: none;
	z-index: 100;
}
.gNavItem:hover .gNavListChild {
	transform: translateY(0);
	opacity: 1;
	pointer-events: all;
}
.gNavListChild .gNavLink {
	justify-content: flex-start;
	padding: 0.75em 1.25em 0.75em 0.75em;
}
.gNavListChild .gNavLink:hover {
	background: rgba(255,255,255,.25);
}
.gNavListChild .gNavLink::before {
	content: "";
	display: block;
	width: 0.5em;
	height: 0.5em;
	border-right: solid 2px var(--color-primary);
	border-bottom: solid 2px var(--color-primary);
	transform: rotate(-45deg) translateY(-0.1em);
	margin-right: 0.4em;
}

/* !footer */
/* --------------------------- */
.breadcrumbs {
	background: #f0f0f0;
	padding: 1em 1em;
	font-size: 0.875em;
	line-height: 1;
}
.gFooter {
	background: #CCF0BC;
	padding: 32px 2em;
	font-size: 1.125vw;
}
.footerCont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footerInfo {
	width: 25%;
}
.footerInfo .siteTitle {
	font-size: 0.75em;
	line-height: 2.25em;
	max-width: 100%;
	margin-bottom: 1.5em;
}
.footerInfo .siteTitle span {
	font-size: 1.875em;
}
.footerInfoDetail {
	text-align: left;
	padding-left: 2em;
	margin: 0;
}
.footerInfoTitle {
	font-size: 1.25em;
	line-height: 1.25;
	margin: 0 0 0.25em;
}
.footerInfoBody {
	margin: 0;
	font-size: 0.75em;
	line-height: 1.375em;
}
.footerInfoBody + .footerInfoTitle {
	margin-top: 1em;
}
.footerNav {
	width: 73%;
}
.footerNavList {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	font-size: 0.75em;
	line-height: 1.875em;
	text-align: left;
	white-space: nowrap;
}
.footerNavItem {
	margin-left: 1em;
	font-weight: bold;
}
.footerNavListChild .footerNavItem {
	font-weight: normal;
}
.copyright {
	width: 100%;
	font-size: 0.875em;
	line-height: 1;
	text-align: right;
	margin: 0 auto;
	letter-spacing: 0.1em;
}

/* !top */
/* --------------------------- */
.topSlide {
	width: 100%;
	margin-bottom: 8px;
}
.swiper-slide {
	width: 75%;
	height: 39.5825vw;
	margin-inline: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: .5;
	transition: opacity 1.0s ease;
}
.swiper-slide-active {
	opacity: 1;
	transition: opacity 1.0s ease;
}
.topSlide01 {
	background-image: url("../imgs/top_slide_bg_01.jpg");
}
.topSlide02 {
	background-image: url("../imgs/top_slide_bg_02.jpg");
}
.topSlide03 {
	background-image: url("../imgs/top_slide_bg_03.jpg");
}
.topSlide04 {
	background-image: url("../imgs/top_slide_bg_04.jpg");
}
.topSlide05 {
	background-image: url("../imgs/top_slide_bg_05.jpg");
}
.topSlide06 {
	background-image: url("../imgs/top_slide_bg_06.jpg");
}
.topSlide07 {
	background-image: url("../imgs/top_slide_bg_07.jpg");
}
.topSlide08 {
	background-image: url("../imgs/top_slide_bg_08.jpg");
}
.topSlide09 {
	background-image: url("../imgs/top_slide_bg_09.jpg");
}
.topSlide10 {
	background-image: url("../imgs/top_slide_bg_10.jpg");
}
.topSlide11 {
	background-image: url("../imgs/top_slide_bg_11.jpg");
}
.topSlide12 {
	background-image: url("../imgs/top_slide_bg_12.jpg");
}
.topSlide13 {
	background-image: url("../imgs/top_slide_bg_13.jpg");
}
.topSlide14 {
	background-image: url("../imgs/top_slide_bg_14.jpg");
}
.topSlide15 {
	background-image: url("../imgs/top_slide_bg_15.jpg");
}
.topSlide16 {
	background-image: url("../imgs/top_slide_bg_16.jpg");
}
.topSlide17 {
	background-image: url("../imgs/top_slide_bg_17.jpg");
}
.topSlide18 {
	background-image: url("../imgs/top_slide_bg_18.jpg");
}
.topSlide19 {
	background-image: url("../imgs/top_slide_bg_19.jpg");
}
.topSlide20 {
	background-image: url("../imgs/top_slide_bg_20.jpg");
}
.topSlide21 {
	background-image: url("../imgs/top_slide_bg_21.jpg");
}
.topSlide22 {
	background-image: url("../imgs/top_slide_bg_22.jpg");
}
.topSlide23 {
	background-image: url("../imgs/top_slide_bg_23.jpg");
}
.topSlide24 {
	background-image: url("../imgs/top_slide_bg_24.jpg");
}
.topSlide25 {
	background-image: url("../imgs/top_slide_bg_25.jpg");
}
.topSlide26 {
	background-image: url("../imgs/top_slide_bg_26.jpg");
}
.topSlide27 {
	background-image: url("../imgs/top_slide_bg_27.jpg");
}
.topSlide28 {
	background-image: url("../imgs/top_slide_bg_28.jpg");
}
.topSlide29 {
	background-image: url("../imgs/top_slide_bg_29.jpg");
}
.topSlide30 {
	background-image: url("../imgs/top_slide_bg_30.jpg");
}
.topSlide31 {
	background-image: url("../imgs/top_slide_bg_31.jpg");
}
.topSlide32 {
	background-image: url("../imgs/top_slide_bg_32.jpg");
}
.topSlide33 {
	background-image: url("../imgs/top_slide_bg_33.jpg");
}
.topSlide34 {
	background-image: url("../imgs/top_slide_bg_34.jpg");
}
.topSlide35 {
	background-image: url("../imgs/top_slide_bg_35.jpg");
}
.topSlide36 {
	background-image: url("../imgs/top_slide_bg_36.jpg");
}
.topSlide37 {
	background-image: url("../imgs/top_slide_bg_37.jpg");
}
.topSlide38 {
	background-image: url("../imgs/top_slide_bg_38.jpg");
}
.pickupCont {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1000;
	transition: all 0.4s ease 0.4s;
	opacity: 0;
	transform: translateX(100%);
}
.active .pickupCont {
	opacity: 1;
	transform: translateX(0);
}
.puTitle {
	margin: 0;
	padding: 0.25em 1em;
	font-size: 1.5rem;
	color: #000;
	display: inline-block;
	background: #fff;
}
.puParts {
	display: inline-block;
	transition: all 0.6s ease 0.8s;
	opacity: 0;
	transform: translateY(1em);
}
.active .puParts {
	opacity: 1;
	transform: translateY(0);
}
.puParts:nth-of-type(2) {
	transition-delay: 1.0s;
}
.puParts:nth-of-type(3) {
	transition-delay: 1.2s;
}
.puList {
	font-size: 0.875em;
	line-height: 1;
	text-align: left;
	background: rgba(255,255,255,.75);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	padding: 0.75em 1em 0.625em 0.75em;
	border-radius: 1em 0 0 0;
}
.puListItem {
	margin: 0 auto 1px;
}
.puListLink {
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-decoration: none;
	background: #fff;
	border-radius: 2em;
	padding: 0 1em 0 0;
}
.puListTitle {
	font-size: 1em;
	margin: 0 auto 0 0;
}
.puListLink .puCat {
	min-width: 4.5em;
	font-size: 0.875em;
	line-height: 1;
	text-align: center;
	background: #F0AA50;
	color: #fff;
	margin-right: 0.5em;
	padding: 0.625em 0.75em;
	display: inline-block;
	border: none;
	border-radius: 2em 0 0 2em;
}
.puListLink time {
	font-size: 0.75em;
	margin-left: 0.75em;
	vertical-align: middle;
}
.topMainTitle {
	color: #fff;
	max-width: 1024px;
	font-size: 3vh;
	line-height: 1.625em;
	text-align: left;
	margin: 32px auto 0;
}
.topSlide .swiper-pagination-bullet-active {
	background: #259625;
	transform: scale(1.5);
	transition: all 0.4s ease;
}
.topSlide .swiper-button-prev,
.topSlide .swiper-button-next {
	background: none;
	width: 15%;
	margin: 0;
	height: auto;
	font-size: 2em;
	text-align: right;
	color: rgba(255,255,255,0.5);
	transition: all 0.4s ease;
	transform: translateY(-50%);
}
.topSlide .swiper-button-next {
	text-align: left;
}
.topSlide .swiper-button-prev:hover,
.topSlide .swiper-button-next:hover {
	color: rgba(255,255,255,1);
}
.topNav {
	max-width: 1024px;
	margin: 0 auto;
	font-size: 1.125em;
	line-height: 1.375;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	column-gap: 1px;
}
.topNavItem {
	width: 14%;
	height: 88px;
	background: var(--color-primary);
	position: relative;
	z-index: 1;
}
.topNavLink,
.topNavLink:visited {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	color: #fff;
	text-decoration: none;
	position: relative;
	z-index: 3;
	overflow: hidden;
}
.topNavLink:hover {
	color: #fff;
}
.topNavItem::before {
	content: "";
	width: 99.5%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #008742;
	z-index: 2;
	transform: scaleY(0.5);
	transform-origin: bottom;
	transition: all 0.4s ease;
}
.topNavItem:hover::before {
	transform: scaleY(1);
}
.topNavTwitter {
	display: none;
	background: #1DA1F2;
}
.topNavTwitter::before {
	display: none;
}
.topNavTwitter i,
.topNavTwitter img {
	margin-top: auto;
}
.topNavTwitter span {
	font-size: 0.75em;
}
.content,
.clubCont {
	padding: 56px 0;
}
.contTitle {
	font-size: 3.75em;
	line-height: 1;
	color: #000;
	margin: 0 auto 0.5em;
}
.contTitle .capsSmall {
	font-size: 0.2666em;
	display: block;
	margin-top: 1em;
	color: #424242;
}
.contTxt {
	font-size: 0.875em;
	line-height: 1.875em;
	margin: 0 0 1em;
	text-align: justify;
}
.topEventList {
	margin: 0 auto 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.topEventList + .topEventList { 
	border-top: solid 1px #424242;
	padding-top: 24px;
}
.topEventItem {
	width: 25%;
}
.topEventItem + .topEventItem {
	box-shadow: inset 1px 0 0 0 #9d9d9d;
}
.topEventList .topEventItem:nth-child(n+5) {
	display: none;
}
.topEventLink {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 16px 8px;
	text-decoration: none;
}
.topEventDate {
	margin: 0 auto 1rem 0;
	font-size: 1.375em;
	line-height: 1;
}
.topEventDate .capsLarge {
	font-size: 1.625em;
	vertical-align: top;
}
.topEventCat {
	width: 8em;
	margin: 0 0 1rem auto;
	background: #424242;
	color: #fff;
	font-size: 0.875em;
	line-height: 1;
	padding: 0.6em 0;
}
.topEventJh .topEventCat {
	background: var(--color-jh);
}
.topEventHs .topEventCat {
	background: var(--color-hs);
}
.topEventEs .topEventCat {
	background: var(--color-es);
}
.topEventTitle {
	width: 100%;
	margin: 0;
	text-align: left;
	font-size: 1em;
	line-height: 1;
}
.topNews {
	background: #E2F09E;
}
.topNewsList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.home .topNewsList {
	margin-bottom: -2em;
}
.topNewsItem {
	margin: 0 1% 4em;
	width: 23%;
}
.topNewsLink {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 16px 16px;
	background: #fff;
	border: solid 1px #000;
	text-decoration: none;
	box-shadow: 0 0 0 0px rgba(0,0,0,0);
}
.topNewsLink:hover {
	box-shadow: 0 0 0 4px rgba(0,0,0,0.25);
}
.topNewsLink:hover .topNewsThumb {
	transform: scale(1.1);
}
.topNewsLink:hover .topNewsThumb img {
	opacity: 1;
}
.topNewsCat {
	display: inline-block;
	margin: 0 auto;
	min-width: 52.5%;
	font-size: 0.875em;
	line-height: 1;
	background: #F0AA50;
	color: #fff;
	border: solid 1px #000;
	padding: 0.875em 1em;
	transform: translateY(-20px);
}
.topNewsCat.catJh,
.topNewsCat.catJh-news,
.puCat.catJh,
.puCat.catJh-news {
	background-color: var(--color-jh);
}
.topNewsCat.catHs,
.topNewsCat.catHs-news,
.puCat.catHs,
.puCat.catHs-news {
	background-color: var(--color-hs);
}
.topNewsCat.catReunion,
.puCat.catReunion {
	background-color: var(--color-primary);
}
.topNewsCat.catCh-news,
.puCat.catCh-news {
	background-color: var(--color-primary);
}
.topNewsDate {
	text-align: left;
	margin: 0 0 1em;
	font-size: 0.75em;
	line-height: 1;
}
.topNewsThumb {
	width: 100%;
	height: 140px;
	margin: 0 auto 0.75em;
	overflow: hidden;
	background: url("../imgs/thumb_noimage.png") center center no-repeat;
	background-size: cover;
	transition: all 0.4s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}
.topNewsTitle {
	font-size: 0.875em;
	line-height: 1.375em;
	margin: 0 auto;
	text-align: left;
}
.newsNav {
	margin-bottom: 4rem;
}
.newsNav .btn {
	min-width: 1px;
	width: 5em;
	margin-left: 1px;
	padding: 0.625em 0;
}
.twitter-timeline {
	margin: 0 auto;
}
.topJuken .inner {
	/* background: url("../imgs/top_juken_img.jpg") right top no-repeat;
	padding-right: 512px;
	min-height: 320px; */
	max-width: 512px;
}
.topJukenTitle {
	font-size: 2em;
	line-height: 1;
	text-align: left;
	margin: 0 auto 0.5em;
	padding-bottom: 0.25em;
	border-bottom: solid 2px #009143;
}
.topJukenNav {
	background: #F7C8CE;
	padding: 1.375em 1em 1em;
	margin: 0 auto 1em;
	position: relative;
	z-index: 1;
}
/*
.topJukenNav::before,
.topJukenNav::after {
	content: "";
	display: block;
	width: 106px;
	height: 102px;
	background: url("../imgs/top_juken_icon.png") 0 0 no-repeat;
	background-size: 100% auto;
	position: absolute;
	z-index: 5;
}
.topJukenNav::before {
	top: 0.5em;
	left: 0.5em;
}
.topJukenNav::after {
	right: 0.5em;
	bottom: 0.5em;
}
*/
.topJukenNavTitle {
	font-size: 1.375em;
	line-height: 1;
	margin: 0 auto 1em;
	position: relative;
	z-index: 10;
}
.topJukenNavBody {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0;
	position: relative;
	z-index: 10;
}
.topJukenLink {
	display: block;
	width: 49%;
	background: rgba(255,255,255,.8);
	text-decoration: none;
	text-align: left;
	padding: 1.5em 0.75em 1.5em 1.5em;
	position: relative;
}
.topJukenLink::before {
	content: "";
	display: block;
	width: 1em;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: var(--color-jh);
}
.topJukenLink.topJukenHs::before {
	background: var(--color-hs);
}
.topJukenLink::after {
	content: "";
	display: block;
	width: 0.5em;
	height: 0.5em;
	border-right: solid 2px #fff;
	border-bottom: solid 2px #fff;
	position: absolute;
	top: 50%;
	right: 0.125em;
	transform: rotate(-45deg) translateY(-50%);
}
.topJukenLink:hover {
	background: rgba(255,255,255,1);
	color: var(--color-jh);
}
.topJukenLink.topJukenHs:hover {
	color: var(--color-hs);
}
.topJukenRequest {
	margin: 0;
}
.topJukenRequest .topJukenLink {
	width: 100%;
	text-align: center;
	font-size: 1.625em;
	text-indent: 0.75em;
	letter-spacing: 0.75em;
	background: rgba(0,145,67,.2);
	padding: 1.25em 0.75em;
}
.topJukenRequest .topJukenLink:hover {
	background: rgba(0,145,67,.3);
}
.topJukenLink.topJukenReq::before {
	background: #009143;
}
.topJukenRequest .topJukenLink:hover {
	color: #009143;
}
.passingNews {
	max-width: calc(100% - 3rem);
	margin: 1rem auto 1.5rem;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 1.5rem;
	background: #FCEEEB;
	border-radius: 1rem;
	border: solid 4px #fff;
	box-shadow: 0 0 8px 2px #FFDBED;
}
.passingHeading {
}
.passingTitle {
	font-size: 3em;
	line-height: 1.25;
	margin: 0 0 0.125em;
}
.passingDate {
	font-size: 1em;
	line-height: 1;
	display: inline-block;
	margin: 0;
	padding: 0.25em 1em;
	background: #fff;
	border-radius: 3em;
}
.passingTxt {
	font-size: 0.875em;
	line-height: 1;
	text-align: right;
	margin: 1em 0 0;
}
ul.passingList {
	font-size: 1.125em;
	line-height: 1.666;
	text-align: left;
}
ul.passingList.column2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 2rem;
}
ul.passingList strong {
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(255, 230, 0, 1) 50%  );
}
.passingCat {
	font-size: 1.5em;
	text-align: left;
	margin: 0 0 0.5em;
}
.passingBox {
	border-left: solid 1px #fff;
	padding-left: 1.5rem;
	margin-left: 1.5rem;
}

/* !koushien */
/* --------------------------- */
.koushienWrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10000;
}
#koushienCheck:checked ~ .koushienWrap {
	opacity: 1;
	pointer-events: auto;
}
.koushienBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: rgba(0,0,0,.875);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
.koushienCont {
	width: 100%;
	max-width: 800px;
	max-height: 100vh;
	background: #fff;
	position: relative;
	z-index: 100;
	overflow-y: auto;
}
.koushienHeading {
	width: 100%;
	height: 0;
	position: relative;
	background: url("../imgs/koushien_title_bg_02.jpg") center center no-repeat;
	background-size: cover;
	padding: 2rem 0 50%;
}
.koushienTitle {
	font-size: 4em;
	line-height: 1;
	margin: 27.5% auto 0.25em;
}
.koushienTitle span {
	font-size: 0.875em;
	display: inline-block;
	vertical-align: 0.1em;
	width: 1.5em;
	height: 1.5em;
	background: red;
	color: #fff;
	line-height: 1.5;
	border-radius: 50%;
	transform: rotate(-10deg);
	margin-right: 0.25em;
}
.koushienCatch {
	font-size: 1.5em;
	line-height: 1;
	margin: 0;
	display: inline-block;
	background: rgba(255,255,255,.75);
	padding: 0.25em 0.5em;
}
.koushienBody {
	padding: 2rem 3.5rem;
}
.koushienBody .contTxt {
	font-size: 1em;
}
.koushienBtnWrap {
	display: flex;
	justify-content: center;
}
.koushienBtnWrap .btnLarge {
	width: 47.5%;
	min-width: 1px;
	margin: 0 auto;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0.5em;
}
.koushienBtnWrap .btnLarge span {
	display: block;
	font-size: 0.65em;
}
.koushienClose {
	display: block;
	font-size: 2.5rem;
	width: 1.5em;
	height: 1.5em;
	background: #000;
	color: #fff;
	line-height: 1.5;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
}
.koushienClose span {
	width: 80%;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.koushienClose span:nth-of-type(2) {
	transform: translate(-50%, -50%) rotate(-45deg);
}
/* !modal */
/* --------------------------- */
.modalWrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10000;
}
#modalCheck:checked ~ .modalWrap {
	opacity: 1;
	pointer-events: auto;
}
.modalBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: rgba(0,0,0,.875);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}
.modalCont {
	width: 100%;
	max-width: 38rem;
	max-height: 100vh;
	background: #fff;
	position: relative;
	z-index: 100;
	overflow-y: auto;
	border-radius: 2rem 0 2rem 2rem;
}
.modalTitle {
	font-size: 2em;
	line-height: 1.375;
	margin: 1em auto 0em;
	color: var(--color-primary);
}
.modalBody {
	padding: 1rem 3.5rem 3rem;
}
.modalTxt {
	font-size: 1.125em;
	line-height: 1.666;
	margin: 0 0 0.5em;
}
.modalOutline {
	margin: 0 auto;
	max-width: 22em;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	font-size: 1.125em;
	line-height: 1.5;
}
.modalOutline dt {
	width: 7rem;
	background: #f0f0f0;
	border-radius: 1rem 0 0 1rem;
	margin: 0 0 1rem;
	letter-spacing: 1em;
	text-indent: 1em;
	padding: 1rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000;
	box-shadow: 0 0 0 1px rgba(0,0,0,.15);
}
.modalOutline dd {
	width: calc( 100% - 8rem );
	background: #fff;
	border-radius: 0 1rem 1rem 0;
	margin: 0 0 1rem;
	padding: 1rem 0 1rem 1rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
	box-shadow: 0 0 0 1px rgba(0,0,0,.15);
}
.modalClose {
	display: block;
	font-size: 2.5rem;
	width: 1.5em;
	height: 1.5em;
	background: #000;
	color: #fff;
	line-height: 1.5;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
}
.modalClose span {
	width: 80%;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.modalClose span:nth-of-type(2) {
	transform: translate(-50%, -50%) rotate(-45deg);
}

/* !lower */
/* --------------------------- */
.pageHeading {
	max-width: 1024px;
	height: 280px;
	margin: 0 auto 8px;
	background: url("../imgs/access_heading_bg.jpg") center top no-repeat;
	background-size: 100% auto;
}
.pageTitle {
	margin: 0.25em auto 0.75em;
	padding: 0.75em 0;
	border-bottom: solid 1px var(--color-primary);
	background: #daf0cc;
	font-size: 2em;
	line-height: 1;
	color: var(--color-primary);
}
.capsLarge {
	font-size: 1.4em;
}
.commonCatch {
	margin: 1em auto 1em;
	font-size: 1.5em;
	line-height: 1.375em;
}
.commonCatch::after {
	content: "";
	display: block;
	width: 4em;
	height: 1px;
	background: rgba(0,0,0,.25);
	margin: 0.75em auto 0;
}
.commonCatch:first-letter {
	color: var(--color-primary);
}
.hs-graduate #cont2 .commonCatch {
	text-align: left;
}
.hs-graduate #cont2 .commonCatch::after {
	display: none;
}
.commonBody {
	max-width: 720px;
	margin: 0 auto;
}
.commonTxt {
	font-size: 1em;
	line-height: 1.875em;
	text-align: justify;
	margin: 0 0 0.125em;
	text-indent: 1em;
	-webkit-font-feature-settings: 'pkna' 1;
	font-feature-settings: 'pkna' 1;
}
.commonTxt:last-of-type { 
	margin-bottom: 2em;
}
.commonTxt + .commonCatch {
	margin-top: 2em;
}
.commonTxt.kome {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 0.7125em;
}
.phBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 1rem auto;
}
.phBox>img {
	max-width: 49%;
	margin: 0 0 1em;
}
.phBox3>img {
	max-width: 32%;
}
.contNav {
	margin: 0 auto 2em;
	font-size: 1em;
	line-height: 1.25em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 640px;
}
.contNavItem {
	width: 100%;
	max-width: 47.5%;
	margin: 0 1% 1em;
}
.contNavItemLink {
	display: block;
	text-decoration: none;
	border: solid 2px #259625;
	padding: 0.75em 0;
}
.contNavItemLink:hover {
	background: #daf0cc;
}
.jh .contNavItemLink,
.category-jh-news .contNavItemLink {
	border-color: var(--color-jh);
}
.jh .contNavItemLink:hover,
.category-jh-news .contNavItemLink {
	color: var(--color-jh);
	background: #f6d9e8;
}
.hs .contNavItemLink,
.category-hs-news .contNavItemLink {
	border-color: var(--color-hs);
}
.hs .contNavItemLink:hover,
.category-hs-news .contNavItemLink:hover {
	color: var(--color-hs);
	background: #e0eeff;
}
.es .contNavItemLink,
.category-es-news .contNavItemLink {
	border-color: var(--color-es);
}
.es .contNavItemLink:hover,
.category-es-news .contNavItemLink {
	color: var(--color-es);
	background: #f6e5d9;
}
.innerNav,
.innerClubNav {
	margin: 0 auto;
	font-size: 1vw;
	line-height: 1;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	min-height: 3em;
	position: fixed;
	top: 0;
	left: 0;
	transform: translateY(-100%);
	z-index: 1000;
	transition: all 0.4s ease;
	background: rgba(255,255,255,.75);
	box-shadow: 0 2px 4px rgba(0,0,0,0);
	padding: 0.5em;
}
.scrolled .innerNav,
.scrolled .innerClubNav {
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	transform: translateY(0);
	box-shadow: 0 2px 8px rgba(0,0,0,.05);
}
.innerNav::before,
.innerClubNav::before {
	content: attr(data-title);
	display: block;
	position: absolute;
	top: 50%;
	left: 1.5em;
	transform: translateY(-50%);
	opacity: 0.5;
}
.innerNavItem {
	margin: 0;
}
.innerNavItem .txtLink {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: rgba(0,0,0,0);
	border-radius: 2em;
	color: #999;
}
.innerNavItem .txtLink:hover {
	color: #333;
	background: rgba(0,0,0,.05);
}
.innerNavItem .txtLink::after {
	content: "";
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	transform: translateY(-0.25em) rotate(45deg);
	margin-left: 0.5em;
}

.pageNav {
	margin: 2em auto 10vh;
	font-size: 1.25em;
	line-height: 1;
}
.pageNavLink {
	display: inline-block;
	padding: 0.75em 2em 0.75em 2.25em;
	border-radius: 3em;
	text-decoration: none;
	border: solid 1px var(--color-primary);
}
.pageNavLink:hover {
	background: #daf0cc;
}
.pageNavLink::after {
	content: "";
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	border-right: solid 1px var(--color-primary);
	border-bottom: solid 1px var(--color-primary);
	transform: translateX(0.5em) rotate(-45deg);
	transition: all 0.4s ease;
}
.pageNavLink:hover::after {
	transform: translateX(0.75em) rotate(-45deg);
}

/* !access */
/* --------------------------- */
.accessMap {
	width: 100%;
	height: 35vw;
	margin: 0 auto 3em;
}
.accessMap iframe {
	width: 100%;
	height: 100%;
}
.accessOutline {
	margin: 0 auto 3em;
}
.accessOutlineTitle {
	margin: 0 auto 1em;
}
.accessOutlineBody {
	margin: 0;
	text-align: left;
	display: inline-block;
	font-size: 1.1em;
	line-height: 1.5em;
}
.accessOutlineShinkansen {
	display: inline-block;
	width: 6em;
}
.accessRoute {
	margin: 0 auto 6em;
}

/* !ch-top guide */
/* --------------------------- */
.ch .pageHeading {
	background-image: url("../imgs/guide_heading_bg.jpg");
}
.guideCont {
	text-align: left;
	background: url("../imgs/guide_content_bg.jpg") 10% 2em no-repeat;
	background-size: 17% auto;
	padding: 2em 0 0 33%;
	margin-bottom: 64px;
}
.guideTitle {
	font-size: 2.4375em;
	line-height: 1.375em;
	margin: 0 0 1em;
	color: var(--color-primary);
	
	.capsSmall {
		font-size: 0.666em;
		line-height: 1;
		display: block;
	}
}
.guideBox {
	margin-bottom: 3em;
	padding-left: 6em;
	position: relative;
}
.guideCatch {
	font-size: 1.75em;
	line-height: 1.125em;
	margin: 0 0 1em;
}
.guideCatch::before {
	content: "C";
	display: block;
	font-size: 2em;
	line-height: 1.4em;
	text-align: center;
	width: 1.4em;
	height: 1.4em;
	border-radius: 2em;
	background: #00bfff;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.guideCatch::after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #00bfff;
	position: absolute;
	top: 1.5em;
	left: 0;
	z-index: 1;
}
.guideChange .guideCatch::before,
.guideChange .guideCatch::after {
	background: #ff00ff;
}
.guideSuccess .guideCatch::before,
.guideSuccess .guideCatch::after {
	background: #8cc63f;
}
.guideSuccess .guideCatch::before {
	content: "S";
}
.guideShoulder {
	font-size: 1.125em;
	line-height: 1.25em;
	margin: 0 0 0.5em;
}
.guideTxt {
	font-size: 0.9125em;
	line-height: 1.875em;
	-webkit-font-feature-settings: 'pkna' 1;
	font-feature-settings: 'pkna' 1;
	text-align: justify;
	margin: 0 0 1em;
}
.guideShoulderSuccess {
	color: #8cc63f;
}
.guideTxt + .guideShoulder {
	margin-top: 1em;
}
.guideTxt + .guideTitle {
	margin-top: 1.5em;
}

.msgCont {
	overflow: auto;
}
.msgTitle {
	font-size: 2.5em;
	line-height: 1;
	color: var(--color-primary);
	border-bottom: solid 2px var(--color-primary);
	padding-bottom: 0.5em;
	margin: 0 0 1em;
	width: 100%;
}
.msgPh {
	max-width: 250px;
	margin: 0 auto 0 3em;
}
.msgName {
	font-size: 1em;
	line-height: 1.75em;
	margin: 1em 0 0;
}
.msgName .capsLarge {
	line-height: 1.5em;
}
.msgBody {
	max-width: 480px;
	text-align: justify;
	margin: 0 0 0 auto;
}
.msgCatch {
	font-size: 1.375em;
	line-height: 1.25em;
	text-align: left;
	letter-spacing: 0.1em;
	color: var(--color-primary);
	margin: 1em 0 0.5em;
}
.msgTxt {
	font-size: 0.875em;
	line-height: 1.875em;
	text-align: justify;
	margin: 0 0 0.125em;
	text-indent: 1em;
	-webkit-font-feature-settings: 'pkna' 1;
	font-feature-settings: 'pkna' 1;
}
.msgTxt:last-of-type { 
	margin-bottom: 2em;
}

.objectiveBody {
	max-width: 720px;
	margin: 0 auto;
}
.objectivePolicy {
	font-size: 1.375em;
	line-height: 1.375em;
	font-style: italic;
	margin: 1.25em auto 0;
}
.objectivePolicy li {
	margin-bottom: 0.75em;
}

.philosophyTitle {
	font-size: 6em;
	margin: 0.75em auto 0.5em;
}
.philosophyTitle .capsSmall {
	padding: 0 0.25em;
	font-size: 0.75em;
}

.philosophyBody {
	margin: 0 auto;
}
.philosophyBody dt {
	font-size: 3em;
	margin: 0 auto 0.25em;
}
.philosophyBody dt::after {
	content: "";
	display: block;
	width: 1px;
	height: 1em;
	background: #000;
	margin: 0.25em auto 0;
}
.philosophyBody dd {
	font-size: 1.5em;
	line-height: 1.5;
	margin: 0 auto 3em;
}
.coloredHs {
	text-shadow: 0.02em 0.02em 0 var(--color-hs);
}
.coloredJh {
	text-shadow: 0.02em 0.02em 0 var(--color-jh);
}

.outlineTitle {
	margin: 0;
	font-size: 1.5em;
	line-height: 1;
	background: #daf0cc;
	padding: 0.5em 0;
	border-top: solid 2px var(--color-primary);
}
.outlineHistory {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 1em;
	line-height: 1.5em;
	background: #f3f3f3;
	margin: 0 auto;
	height: 15em;
	overflow: hidden;
	position: relative;
}
.outlineHistory::after {
	content: "";
	display: block;
	width: 100%;
	height: 5em;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
.moreCheck:checked ~ .outlineHistory {
	height: auto;
}
.moreCheck:checked ~ .outlineHistory::after,
.moreCheck:checked ~ .moreBtn .moreDisp,
.moreBtn .moreClose {
	display: none;
}
.moreCheck:checked ~ .moreBtn .moreClose {
	display: inline;
}
.moreBtn {
	border-radius: 2em;
}

.historyYear {
	width: 25%;
	margin: 0;
	padding: 0.5em;
	border-top: solid 1px #fcfcfc;
	border-bottom: solid 1px #ccc;
}
.historyBody {
	width: 75%;
	text-align: left;
	margin: 0;
	padding: 0.5em;
	border-top: solid 1px #fcfcfc;
	border-bottom: solid 1px #ccc;
}

.songBody {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: row-reverse;
}
.songTxt {
	font-size: 1.125em;
	line-height: 2em;
	text-indent: -2em;
	padding-top: 2em;
	margin: 0 1em;
}
.songCredit {
	text-indent: 0;
	text-align: right;
	margin-left: 2em;
}
.videoList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.videoListItem {
	margin: 0 0.5em;
}
.videoList .btn {
	font-size: 1.125em;
}

.tennyuData {
	width: 100%;
	margin: 0 auto 3em;
	font-size: 0.875em;
	line-height: 1.75em;
	text-align: left;
	border-collapse: collapse;
}
.tennyuData th,
.tennyuData td {
	padding: 0.25em 1em;
	border-bottom: solid 1px #636363;
	font-weight: normal;
}
.tennyuData tr th:not(:first-of-type),
.tennyuData tr td:not(:first-of-type) {
	border-left: solid 1px #636363;
}
.tennyuData tr td {
	border-left: solid 1px #636363;
}
.tennyuData th { 
	background: #daf0cc;
	text-align: center;
	font-weight: bold;
}
.assessList {
	margin: 0 auto 40px;
}
.assessTitle {
	font-size: 1.25em;
	line-height: 1;
	margin: 0 auto 1em;
}
.assessBody {
	margin: 0 auto 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.assessBody .btn {
	min-width: 1px;
	margin: 0 0.5em;
}
.zenryoukyouList {
	width: 100%;
	margin: 0 auto 40px;
	font-size: 1em;
	line-height: 1.5em;
	border-collapse: collapse;
}
.zenryoukyouList th,
.zenryoukyouList td {
	padding: 0.25em 1em;
	border-bottom: solid 1px #636363;
}
.zenryoukyouList th {
	background: #daf0cc;
	width: 8em;
}
.zenryoukyouList td {
	border-left: solid 1px #636363;
	text-align: left;
	font-weight: normal;
}

/* !jh-top guide */
/* --------------------------- */
.jh .pageTitle,
.category-jh-news .pageTitle,
.jh-student .pageTitle {
	border-bottom-color: var(--color-jh);
	background: #f6d9e8;
	color: var(--color-jh);
}

.jh .commonCatch:first-letter,
.category-jh-news .commonCatch:first-letter,
.jh-student .commonCatch:first-letter {
	color: var(--color-jh);
}
.jh .guideTitle,
.jh-student .guideTitle {
	color: var(--color-jh);
	margin-bottom: 0.5em;
}
.jh .guideCont {
	background-image: url("../imgs/jh_content_bg_01.jpg");
	background-position: 12.5% 2em;
	background-size: 9% auto;
	position: relative;
}
.jh .guideCont::after {
	content: "";
	display: block;
	width: 204px;
	height: 194px;
	background: url("../imgs/jh_content_bg_02.png") 0 0 no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 390px;
	left: 5%;
}

.taikenStage {
	display: flex;
	justify-content: space-between;
	margin: 40px auto;
}
.stageDetail {
	width: 33.333%;
}
.stageDetailYear {
	background: #000;
	color: #fff;
	margin: 0;
	font-size: 1.25em;
	line-height: 1;
	padding: 0.5em 0;
}
.stageDetailHeading {
	background: #ffa500;
}
.stageDetail2nd .stageDetailHeading {
	background: #adff2f;
}
.stageDetail3rd .stageDetailHeading {
	background: #9370db;
}
.stageDetailTitle {
	margin: 0;
	font-size: 1.625em;
	line-height: 1;
	padding: 0.5em 0;
	color: #fff;
	text-shadow: 1px 1px 4px rgba(0,0,0,.375);
}
.stageDetailTitle .capsSmall {
	font-size: 0.666em;
}
.stageDetailCaption {
	background: rgba(255,255,255,0.666);
	margin: 0;
	padding: 0.5em 0.5em 0.375em;
	font-size: 0.875em;
	line-height: 1.375em;
}
.stageDetailBody {
	margin: 0;
	font-size: 0.625em;
	line-height: 1.5em;
	text-align: justify;
	padding: 0 1.5em;
	background: #f0f0f0;
	min-height: 6em;
	display: flex;
	justify-content: center;
	align-items: center;
}
.guideTitle.stageDetail1st {
	color: #ffa500;
}
.guideTitle.stageDetail2nd {
	color: #adff2f;
}
.guideTitle.stageDetail3rd {
	color: #9370db;
}
.taikenMain {
	max-width: 400px;
}
.taikenSub {
	max-width: 280px;
}
.taikenScheduleNotes {
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 0;
}
.taikenCalendar {
	font-size: 1em;
	line-height: 1.25em;
	font-weight: normal;
	margin: 0.375em auto 0.5em;
}
.taikenSchedule {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 0.75em;
	line-height: 1.5em;
	margin: 0 0 0.5em;
}
.taikenScheduleMonth {
	font-size: 0.75em;
	line-height: 1;
	width: 20%;
	margin: 0;
	padding: 0.375em 0.5em 0.375em 0;
	border-bottom: solid 1px #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #f6d9e8;
}
.taikenScheduleMonth .capsLarge {
	width: 1.5em;
	font-size: 2em;
	text-align: right;
	margin-right: 0.125em;
}
.taikenScheduleBody {
	text-align: left;
	width: 80%;
	margin: 0;
	padding: 0.375em 1em;
	border-bottom: solid 1px #f6d9e8;
}
.clubList {
	font-size: 1.125em;
	line-height: 1;
}
.clubCat {
	display: inline-block;
	border: solid 1px #ccc;
	padding: 0.5em;
	margin: 0 auto 0.5em;
}
.clubDetail {
	margin: 0 auto 2em;
}
.clubDetailList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.clubName {
	min-width: 30%;
	margin: 0 0.125em 0.5em;
	background: #f0f0f0;
	padding: 0.5em;
}
.clubName .capsSmall {
	display: block;
	font-size: 0.625em;
	margin-top: 0.375em;
}
.clubName img {
	margin-bottom: 0.5em;
}
.clubName .txtLink {
	display: inline-block;
	background: #fff;
	font-size: 0.7em;
	line-height: 1;
	text-decoration: none;
	padding: 0.375em 2em 0.375em 1em;
	border-radius: 2em;
	margin: 0 0 0 0.5em;
	vertical-align: 0.2em;
}
.clubName .txtLink:hover {
	background: #f0f0f0;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.125);
}
.clubName .txtLink::after {
	content: "";
	display: block;
	width: 0.6em;
	height: 0.6em;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(2.5em, -80%) rotate(45deg);
}
.clubName br + .txtLink {
	margin: 0.5em auto 0;
}
.clubResults {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 1em;
	font-size: 1em;
	line-height: 1.375em;
}
.clubResultsTitle {
	width: 65%;
	margin: 0 0 0.5em;
	padding: 0.5em 0.5em 0.5em 1em;
	border: solid 1px #f6d9e8;
	border-right: none;
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.clubResultsBody {
	width: 35%;
	margin: 0 0 0.5em;
	padding: 0.5em;
	border: solid 1px #f6d9e8;
	border-left: none;
	background: #f6d9e8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.clubResults + .commonCatch {
	padding-top: 2em;
}
.clubStaff {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto 1em;
	font-size: 1em;
	line-height: 1.375em;
}
.clubStaffTitle {
	width: 50%;
	margin: 0 0 0.5em;
	padding: 0.5em 0.5em 0.5em 1em;
	border-bottom: solid 1px #f6d9e8;
	text-align: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.clubStaffName {
	width: 50%;
	margin: 0 0 0.5em;
	padding: 0.5em;
	border-bottom: solid 1px #f6d9e8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.clubProfile {
	margin: 0 auto 2em;
	border: solid 1px #f6d9e8;
}
.clubProfileTitle {
	font-size: 1.25em;
	margin: 0;
	padding: 1rem;
	border-bottom: solid 1px #f6d9e8;
}
.clubProfileTitle .capsSmall {
	display: inline-block;
	font-size: 0.75em;
	line-height: 1;
	background: #f0f0f0;
	padding: 0.5em;
	margin-left: 0.5em;
	vertical-align: middle;
}
.clubProfileBody {
	font-size: 0.875em;
	line-height: 1.875em;
	text-align: justify;
	margin: 0;
	padding: 1rem;
}

.capsBlue {
	color: var(--color-hs);
}
.capsOrange {
	color: #db4727;
}
.eventCalCont {
	position: relative;
	padding: 0;
}
.eventCalTitle {
	position: absolute;
	top: 0.25em;
	left: 3em;
	width: 1em;
}
.jh .eventCalCont:first-of-type .eventCalTitle {
	top: 3.25em;
}
.eventCalendar {
	margin: 2em auto;
	max-width: 660px;
}
.eventCalMonth {
	float: left;
	clear: left;
	margin: 0.25em 0 0;
	font-size: 3em;
	line-height: 1;
	width: 1.333em;
	height: 1.333em;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #93af15;
	color: #fff;
}
.eventCalMay {background: #0ba299;}
.eventCalJun {background: #9c3e8a;}
.eventCalJul {background: #33a1dc;}
.eventCalAug {background: #e2841b;}
.eventCalSep {background: #3a6b29;}
.eventCalOct {background: #a6770d;}
.eventCalNov {background: #854522;}
.eventCalDec {background: #494c93;}
.eventCalJan {background: #dc4029;}
.eventCalFeb {background: #2c70ad;}
.eventCalMar {background: #e77575;}
.eventCalendarBody {
	padding: 0.5em 0 0.5em 5em;
	margin: 0;
	border-bottom: solid 1px #ccc;
	text-align: left;
	min-height: 4.5em;
}
.eventCalItem {
	display: inline-block;
	font-size: 1em;
	line-height: 1;
	text-decoration: none;
	color: #000;
	background: #f6d9e8;
	padding: 0.5em 1em;
	margin: 0.25em;
	border-radius: 0.25em;
}
.eventCalItem:hover {
	color: var(--color-jh);
}
.eventCalExam {
	color: var(--color-hs);
	background: #e0eeff;
}
.eventCalExp {
	color: #db4727;
	background: #ffd5cc;
}
.iconExp {
	display: inline-block;
	font-size: 0.7em;
	padding: 0.3em 0.6em 0.3em 0.3em;
	background: var(--color-jh);
	color: #fff;
	border-radius: 0 2em 2em 0;
	margin-left: 0.5em;
	vertical-align: 0.2em;
}

#lightcase-content .commonCatch {
	text-align: center;
	margin: 0;
	padding-bottom: 0.5em;
	font-size: 1.5em;
}
#lightcase-content .commonCatch::after {
	display: none;
}
#lightcase-content .commonTxt {
	max-width: 500px;
	margin: 1em 0 0;
}

.kanPh {
	display: flex;
	justify-content: center;
}
.kanPhItem {
	margin: 0 0.5em;
}
.kanPhItem img {
	margin-bottom: 0.5em;
}
.kanSchedule {
	margin: 0 auto;
	overflow: auto;
	text-align: left;
	background: #f9f9f9;
/*
	background-image:
		linear-gradient(90deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0) 100% ),
		linear-gradient(0deg, rgba(0,0,0,.05) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0) 100% );
	background-size: 18px 18px;
	background-position: 0 0;
*/
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	padding: 0 1em 1em;
}
.kanScheduleTitle {
	font-size: 1.5em;
	line-height: 1;
	padding: 0 0 0.5em 1em;
	margin: 1em 0 0.5em;
	border-bottom: solid 1px var(--color-jh);
	clear: both;
}
.kanScheduleTitle::before {
	content: "";
	display: inline-block;
	width: 0.4em;
	height: 0.4em;
	border-right: solid 4px var(--color-jh);
	border-bottom: solid 4px var(--color-jh);
	transform: translate(-0.5em, -0.1em) rotate(-45deg);
}
.kanScheduleBody {
	margin: 0 0 1em;
	padding-left: 2.5em;
	font-size: 1em;
	line-height: 1.75em;
}
.kanScheduleBody .alignright {
	margin-bottom: 0;
	margin-left: 1em;
}

.seniorExp {
	margin: 0 auto;
	background-color: rgba(198,2,99,.025);
	padding: 1em 4em 2em;
	border-radius: 2em;
	box-shadow: inset 0 0 2em 0 rgba(198,2,99,.1);
}
.seniorExp + .seniorExp {
	margin-top: 3em;
}
.hs .seniorExp {
	background-color: rgba(0,77,179,.025);
	box-shadow: inset 0 0 2em 0 rgba(0,77,179,.1);
}
.seniorExp .commonTxt {
	font-size: 0.9125em;
	line-height: 1.75em;
	letter-spacing: 0.05em;
	margin-bottom: 0.5em;
	text-indent: 1.05em;
}
.seniorDetail {
	margin: 1em auto 0;
}
.seniorUniv {
	font-size: 0.875em;
	line-height: 1.375em;
	margin: 0 auto 0.5em;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
}
.seniorName {
	font-size: 1.125em;
	line-height: 1;
	margin: 0;
}
.seniorName .capsSmall {
	font-size: 0.7em;
}

.achieveData {
	min-width: 300px;
	font-size: 0.875em;
	line-height: 1.375em;
	margin: 0 auto 2em;
	border-collapse: collapse;
}
.achieveData caption {
	font-size: 0.875em;
	text-align: right;
	margin: 0 0 0.5em;
}
.achieveData th,
.achieveData td {
	border-bottom: solid 1px #ccc;
}
.achieveData th {
	background: var(--color-jh);
	color: #fff;
	box-shadow: inset 1px 0 0 #fff;
	padding: 0.5em 0.5em;
}
.achieveData td {
	text-align: left;
	padding: 0.5em 1em;
}
.achieveData tr td:nth-last-of-type(2) {
	text-align: center;
	background:  rgba(0,0,0,.025);
}
.achieveData tr:nth-of-type(even) {
	background:  rgba(0,0,0,.025);
}
.achieveDataMed tr td:last-of-type {
	text-align: center;
}
.achieveDataMed tr td:nth-last-of-type(2) {
	text-align: left;
}

.tableWrap {
	display: block;
	max-height: 50vh;
	overflow-y: scroll;
}
.hs-achieve .achieveData {
	width: 100%;
}
.hs-achieve .achieveData tbody {
	border-right: solid 1px #ccc;
	max-height: 75vh;
	overflow: auto;
}
.tableWrap .achieveData thead th {
	position: sticky;
	top: 0;
	z-index: 1;
}
.tableWrap .achieveData thead tr:last-of-type th {
	top: calc( 2em + 1px );
}
.hs-achieve .achieveData tbody td {
	text-align: center;
	padding: 0.5em;
	border-left: solid 1px #ccc;
}
.hs-achieve .achieveData tbody td:first-of-type {
	white-space: nowrap;
	border-left: none;
}
.hs-achieve .achieveData tr td:nth-of-type(odd) {
	text-align: center;
	background: none;
}
.hs-achieve .achieveData tr td:nth-child(3n+1) {
	background:  rgba(0,0,0,.025);
}
.achieveKaigai {
	text-align: left;
	width: 100%;
	max-width: 720px;
	margin: 0 auto 0.5em;
	text-indent: -5.625em;
	padding-left: 5.625em;
}

.facilityGallery {
	margin: 2em auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.facilityGallery figure {
	margin: 0 auto 2em;
}
.facilityGallery figcaption {
	font-size: 0.875em;
	margin-top: 0.5em;
}

ol.gcpList {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 3rem;
	counter-reset: gcpNum;
	padding: 0;
	--color-gcp-1: #cb6866;
	--color-gcp-2: #eea92f;
	--color-gcp-3: #508cb0;
	--color-gcp-4: #6db66d;
	--color-gcp-5: #e6838c;
	--color-gcp-6: #8e81b0;
}

ol.gcpList li {
	counter-increment: gcpNum;
}
ol.gcpList li:nth-of-type(2) .gcpTitle {
		color: var(--color-gcp-2);
}
ol.gcpList li:nth-of-type(2) .gcpTitle span {
	border-top-color: var(--color-gcp-2);
}
ol.gcpList li:nth-of-type(3) .gcpTitle {
		color: var(--color-gcp-3);
}
ol.gcpList li:nth-of-type(3) .gcpTitle span {
	border-top-color: var(--color-gcp-3);
}
ol.gcpList li:nth-of-type(4) .gcpTitle {
		color: var(--color-gcp-4);
}
ol.gcpList li:nth-of-type(4) .gcpTitle span {
	border-top-color: var(--color-gcp-4);
}
ol.gcpList li:nth-of-type(5) .gcpTitle {
		color: var(--color-gcp-5);
}
ol.gcpList li:nth-of-type(5) .gcpTitle span {
	border-top-color: var(--color-gcp-5);
}
ol.gcpList li:nth-of-type(6) .gcpTitle {
		color: var(--color-gcp-6);
}
ol.gcpList li:nth-of-type(6) .gcpTitle span {
	border-top-color: var(--color-gcp-6);
}
ol.gcpList .commonTxt {
	font-size: 0.875em;
}
.gcpTitle {
	font-size: 1.375em;
	line-height: 1.25;
	text-align: left;
	margin: 0 0 0.5em;
	color: var(--color-gcp-1);
}
.gcpTitle::before {
		content: counter(gcpNum)'．';
}
.gcpTitle span {
		display: block;
		border-top: solid var(--color-gcp-1) 2px;
		font-size: 0.625em;
		letter-spacing: 0.15em;
		padding-top: 0.5em;
		padding-left: 2em;
		margin-top: 0.25em;
}
.gcpHowWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: 2.5rem 3rem;
}
.gcpHowWrap .commonTxt {
	width: calc(50% - 1.5rem);
	text-indent: 0;
	font-size: 0.9375em;
	line-height: 1.666;
}
.gcpHowWrap .commonTxt img {
	display: block;
	width: 100%;
	margin: 0 auto 0.5em;
}

/* !hs-top guide */
/* --------------------------- */
.hs .pageHeading,
.category-hs-news .pageHeading {
	background-image: url("../imgs/hs_heading_bg.jpg");
}
.hs .pageTitle,
.category-hs-news .pageTitle,
.hs-student .pageTitle {
	border-bottom-color: var(--color-hs);
	background: #e0eeff;
	color: var(--color-hs);
}
.hs .guideTitle,
.category-hs-news .guideTitle,
.guideTitle.hsTitle,
.hs-student .guideTitle,
.hs-info .guideTitle {
	color: var(--color-hs);
	margin-bottom: 0.5em;
}
.category-hs-news .guideCont {
	background-image: url("../imgs/hs_content_bg.jpg");
	background-position: 12.5% 2em;
	background-size: 10% auto;
	position: relative;
}
.hs .commonCatch:first-letter,
.category-hs-news .commonCatch:first-letter,
.hs-student .commonCatch:first-letter,
.hs-info .commonCatch:first-letter {
/* 	color: #003883; */
	color: var(--color-hs);
}
.hs .guideCont {
	background: none;
	padding-left: 0;
}
.hsIntro {
	display: flex;
	margin: 1rem auto;
}
.hsIntro img {
	flex : 1 1 auto;
	width: 0%;
	height: 100%;
}
.hsIntro img:first-of-type {
	flex-shrink: 0;
	width: 5%;
}
.hs .guideTxt {
	max-width: 52em;
	margin-left: auto;
	margin-right: auto;
}

.ruikeiCatch {
	margin: 1em auto 1em;
	font-size: 1.25em;
	line-height: 1.25em;
	color: var(--color-hs);
	display: inline-block;
	background: #e0eeff;
	padding: 0.375em 1.5em;
	border-radius: 2em;
	box-shadow: inset 0 2px 0 var(--color-hs);
	text-shadow: 0 1px 0 #fff;
}

.ncCatch {
	font-size: 1.25em;
	line-height: 1.5;
	margin: 0 0 1em;
	color: var(--color-hs);
}
.nsFlow {
	max-width: 30rem;
	margin: 0 auto 2rem;
}
.nsFlow dt {
	background: var(--color-hs);
	color: #fff;
	font-size: 1.25em;
	margin: 0;
	padding: 0.5em 0;
	border-radius: 0.25em 0.25em 0 0;
	position: relative;
}
.nsFlow dd {
	margin: 0 0 2rem;
	border: solid 1px var(--color-hs);
	padding: 1em 1.375em;
	font-size: 1em;
	line-height: 1.666;
	text-align: justify;
	border-radius: 0 0 0.25em 0.25em;
}
.nsFlow dd + dt::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.75em 0.75em 0 0.75em;
	border-color: var(--color-hs) transparent transparent transparent;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -150%);
}
.ncStar {
	text-indent: -1em;
	padding-left: 1em;
}
.ncStar::before {
	content: "★";
	color: var(--color-hs);
}

.hsKan {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.hsKanDetail {
	max-width: 47.5%;
	margin: 0 0 2em;
}
.hsKanName {
	font-size: 1.125em;
	line-height: 1;
	letter-spacing: 0.15em;
	text-indent: 0.15em;
	margin: 0 0 1px;
	padding: 0.5em 0;
	background: #e0eeff;
}
.hsKanMain {
	margin: 0 auto 1em;
}
.hsKanBody {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}
.hsKanSub {
	max-width: 50%;
	margin-right: 1em;
}
.hsKanSpec {
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: left;
	margin: 0;
}
.hs .kanScheduleTitle {
	border-bottom-color: var(--color-hs);
	line-height: 1.375em;
	margin: 0.5em 0 0;
}
.hs .kanScheduleTitle::before {
	border-right-color: var(--color-hs);
	border-bottom-color: var(--color-hs);
}
.kanScheBlank {
	display: inline-block;
	width: 9em;
}
.hs .eventCalItem {
	background: #e0eeff;
}
.hs .eventCalItem:hover {
	color: var(--color-hs);
}
.eventCalItem.noLink {
	background: #f0f0f0;
}
.eventCalItem.noLink:hover {
	color: #000;
}
.hs .eventCalExam.noLink,
.hs .eventCalExam.noLink:hover {
	color: #db4727;
	background: #ffd5cc;
	box-shadow: 0 0 0 1px #db4727;
}
.hs .achieveData th {
	background: var(--color-hs);
}

.hs .facilityGallery figure {
	width: 32%;
	margin: 0 0 1.5em;
}

.uniformCont {
	flex-wrap: nowrap;
	justify-content: center;
}
.uniformCont > div {
	max-width: 48%;
	margin: 0 auto;
}

/* !exam */
/* --------------------------- */
.jh-session .pageHeading {
	background-image: url("../imgs/exam_jh-session_heading_bg.jpg");
}
.sessionTitle {
	font-size: 1.5em;
	line-height: 1;
	margin: 0 auto 1em;
	background: var(--color-jh);
	color: #fff;
	padding: 0.5em;
}
.hs-session .sessionTitle {
	background: var(--color-hs);
}
.es-session .sessionTitle {
	background: var(--color-es);
}
.sessionTitle .capsSmall {
	font-size: 0.75em;
	vertical-align: middle;
}
.sessionIntro {
	display: inline-block;
}
.sessionBox {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	border-bottom: solid 1px #636363;
	margin: 0 auto 1.5em;
}
.sessionNum {
	width: 4em;
	flex-shrink: 0;
	background: #636363;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5em;
	line-height: 1;
	margin: 0;
}
.sessionBody {
	width: 100%;
}
.sessionTime {
	margin: 0;
	padding: 0.5em;
	font-size: 1.75em;
	line-height: 1;
	text-align: left;
	background: #f6d9e8;
	border-bottom: solid 1px #636363;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sessionStatus {
	font-size: 0.625em;
	background: #636363;
	color: #fff;
	width: 8em;
	padding: 0.5em;
	text-align: center;
	letter-spacing: 1em;
	text-indent: 1em;
}
.sessionStatusAccepting,
.sessionStatusAccepting:visited {
	background: var(--color-jh);
	color: #fff;
	text-indent: 0;
	letter-spacing: 0;
	text-decoration: none;
}
.sessionStatusAccepting:hover {
	opacity: 0.9;
}
.sessionStatusBefore {
	background: #fff;
	color: var(--color-jh);
	text-indent: 0;
	letter-spacing: 0;
}
.sessionDetail {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding: 1em;
	margin: 0;
}
.sessionDetailTitle {
	width: 4em;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #d9d9d9;
	font-size: 1em;
	line-height: 1;
	margin: 0 1em 0 0;
	flex-shrink: 0;
}
.sessionDetailBody {
	width: 100%;
	text-align: left;
	margin: 0;
}
.sessionDetailList {
	font-size: 1em;
	line-height: 1.625em;
}
.sessionDetailListParent::before {
	content: "保護者";
	margin-right: 0.5em;
	color: #666;
}
.sessionDetailListStudent::before {
	content: "児　童";
	margin-right: 0.5em;
	color: #666;
}
.sessionDetailItem {
	display: inline-block;
	margin-right: 1.5em;
}
.sessionDetailItem::before {
	content: "●";
	color: var(--color-jh);
}
.sessionTimeschedule {
	width: calc( 100% - 7rem );
	margin: 0 0 2em auto;
	font-size: 0.875em;
	line-height: 1.7125em;
	text-align: left;
	border-collapse: collapse;
}
.sessionTimeschedule caption {
	background: #424242;
	color: #fff;
	padding: 0.5em 1em;
	font-size: 1.125em;
	line-height: 1;
	text-align: left;
}
.sessionTimeschedule th,
.sessionTimeschedule td {
	padding: 0.375em 0;
	border-bottom: solid 1px #636363;
	font-weight: normal;
}
.sessionTimeschedule thead th {
	text-align: center;
	border-left: solid 1px #636363;
}
.sessionTimeschedule thead th:first-of-type {
	border-left: none;
}
.sessionTimeschedule td {
	border-left: solid 1px #636363;
	padding-left: 1.5em;
}
.sessionTimeschedule tbody tr:last-of-type td {
	border-left: none;
}
.sessionTimescheduleStudent,
.sessionTimescheduleParent {
	width: 40%;
}
.sessionSchedule {
	width: 100%;
	margin: 0 auto 3em;
	font-size: 1em;
	line-height: 1.5;
	border-collapse: collapse;
}
.sessionSchedule th,
.sessionSchedule td {
	padding: 0.375em 0;
	border-bottom: solid 1px #636363;
	font-weight: normal;
}
.sessionSchedule tr th:not(:first-of-type),
.sessionSchedule tr td:not(:first-of-type) {
	border-left: solid 1px #636363;
}
.jh-session .sessionSchedule tr td:not(:last-of-type),
.hs-session .sessionSchedule tr td:not(:last-of-type) {
	text-align: left;
}
.sessionSchedule th { 
	background: #f6d9e8;
}
.es-session .tableWrap,
.jh-session .tableWrap,
.hs-session .tableWrap {
	max-height: none;
}
.jh-session .sessionSchedule td,
.hs-session .sessionSchedule td {
	padding: 0.375em 0.5em 0.375em 1em;
}
.hs-session .sessionSchedule th { 
	background: #e0eeff;
}
.es-session .sessionSchedule th { 
	background: #ffd9c0;
}
.es-session .sessionSchedule tr th:not(:first-of-type),
.es-session .sessionSchedule tr td:not(:first-of-type),
.jh-session .sessionSchedule tr th:not(:first-of-type),
.jh-session .sessionSchedule tr td:not(:first-of-type),
.hs-session .sessionSchedule tr th:not(:first-of-type),
.hs-session .sessionSchedule tr td:not(:first-of-type),
.assess .sessionSchedule tr th + td {
	border-left: solid 1px #636363;
}
.es-session .sessionSchedule tbody th,
.jh-session .sessionSchedule tbody th,
.hs-session .sessionSchedule tbody th { 
	border-right: solid 1px #636363;
}
.sessionSchedule .sessionScheduleHall {
	text-align: left;
	padding-left: 1.5em;
}
.sessionSchedule td:empty{
	background-image: linear-gradient(to right bottom, transparent calc(50% - 0.5px), #999 50%, #999 calc(50% + 0.5px), transparent calc(50% + 1px)) !important;
}
.assess .sessionSchedule th {
	background: #daf0cc;
}

.examFlow {
	margin: 0 auto 1em;
	background-image:
		linear-gradient(90deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0) 100% ),
		linear-gradient(0deg, rgba(0,0,0,.1) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0) 100% );
	background-size: 0.75em 0.75em;
	background-position: 0 0;
	border-top: solid 2px #ccc;
	border-right: solid 1px rgba(0,0,0,.05);
	border-bottom: solid 2px #ccc;
	padding: 1em 2em 1em 3em;
	font-size: 1.125em;
	line-height: 1.666em;
	text-align: left;
}
.examFlowItem {
	margin-bottom: 0.5em;
}

.jh-info .sessionSchedule {
	width: auto;
}
.jh-info .sessionSchedule th,
.jh-info .sessionSchedule td,
.hs-info .sessionSchedule th,
.hs-info .sessionSchedule td {
	padding: 0.25em 0.75em;
}
.sessionClub td {
	text-align: left;
}
.sessionClub caption {
	background: #f0f0f0;
	text-align: left;
	padding: 0.25em 1em;
}

.hs-info .sessionSchedule th {
	white-space: nowrap;
}
.hs-info .sessionSchedule td {
	text-align: left;
}

.shutsuganStep {
	margin: 0 auto 2em;
}
.stepTitle {
	margin: 0 auto 1em;
	border: solid 1px var(--color-primary);
	font-size: 1.125em;
	line-height: 1;
	border-radius: 2em;
	text-align: left;
	overflow: hidden;
}
.stepTitle .capsLarge {
	font-size: 1em;
	margin-right: 1em;
	background: var(--color-primary);
	color: #fff;
	padding: 0.5em 1em;
	display: inline-block;
	position: relative;
}
.stepBody {
	font-size: 1em;
	line-height: 1.75em;
	text-align: justify;
	position: relative;
	margin: 0 0 3em;
	padding: 0 2em 1em;
}
.stepBody::after {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	border-right: solid 4px var(--color-primary);
	border-bottom: solid 4px var(--color-primary);
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: rotate(45deg) translate(-50%, 100%);
}
.shutsuganStep .stepBody:last-of-type::after {
	display: none;
}
.caution {
	font-size: 0.875em;
	line-height: 1.5em;
	margin: 0.5em 2em;
}
.cautionItem {
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 0.5em;
}
.cautionItem::before {
	content: "※";
}

.applyFlowBox {
	background: #f0f0f0;
	border-radius: 0.5em;
	margin: 0.5em auto;
	padding: 1em;
}
.applyFlow {
	margin: 0 auto;
	font-size: 0.875em;
	line-height: 1.75em;
}
.flowTitle {
	margin: 0 0 0.5em;
	padding: 0 1em 0.5em;
	border-bottom: dashed 1px #636363;
}
.flowBody {
	margin: 0 0 1em;
	padding: 0 2em;
}
.paymentDetail {
	margin: 0.5em auto;
}
.payTitle {
	line-height: 1;
	background: #fff;
	padding: 0.5em;
	margin: 0 0 0.5em;
}
.payBody {
	margin: 0 0 1em;
	padding: 0 1em;
	font-size: 0.875em;
	line-height: 1.75em;
}
.payLogo {
	display: flex;
	justify-content: flex-start;
	margin: 0.5em auto;
}
.payLogo img {
	width: auto;
	height: 55px;
	margin: 0 0.5em 0 0;
}

.jh .stepTitle,
.jh .stepBody::after {
	border-color: var(--color-jh);
}
.jh .stepTitle .capsLarge {
	background: var(--color-jh)
}
.hs .stepTitle,
.hs .stepBody::after {
	border-color: var(--color-hs);
}
.hs .stepTitle .capsLarge {
	background: var(--color-hs)
}

.sessionCourseList {
	font-size: 1.25em;
	line-height: 1.5;
	text-align: left;
	display: inline-block;
	margin: 0 auto 1rem;
}
.sessionCourseList li::before {
	content: "■";
	color: var(--color-hs);
	margin-right: 0.25em;
}
.sessionCourseList a,
.sessionCourseList a:visited {
	color: var(--color-hs);
}
.sessionOutlineBody {
	max-width: 90%;
}
.sessionOutlineBody .sessionSchedule {
	width: auto;
	font-size: 0.875em;
	line-height: 1.375;
	border: solid 1px #636363;
}
.sessionOutlineBody .sessionSchedule th {
	background: #e0eeff;
}
.sessionOutlineBody .sessionSchedule th,
.sessionOutlineBody .sessionSchedule td {
	text-align: center;
	padding: 0.5em;
}
.sessionOutlineBody .sessionSchedule thead th {
	padding: 0.75em 0.5em;
}
.sessionOutlineBody .sessionSchedule tbody th {
	border-right: solid 1px #636363;
}
.sessionOutlineBody .sessionSchedule p {
	margin: 0.375em 0;
}
.sessionScheduleNotice {
	font-size: 0.875em;
	color: #666;
}

.sessionScheduleChart {
	font-size: 0.875em;
	line-height: 1.375;
	width: auto;
}
.sessionScheduleChart th,
.sessionScheduleChart td {
	text-align: center;
	padding: 0.5em;
	height: 3em;
}
.sessionScheduleChart td.arrow1,
.sessionScheduleChart td.arrow2 {
	position: relative;
}
.sessionScheduleChart td.arrow1::before,
.sessionScheduleChart td.arrow2::before {
	content: "";
	display: block;
	width: 1em;
	height: 2em;
	background: var(--color-hs);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0.75em);
}
.sessionScheduleChart td.arrow2::before {
	height: 10em;
}
.sessionScheduleChart td.arrow1::after,
.sessionScheduleChart td.arrow2::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1em 1em 0 1em;
	border-color: var(--color-hs) transparent transparent transparent;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0.5em);
}
.sessionScheduleChart td.arrow2::after {
	top: 300%;
}

.tokushoDetail {
	margin: 0 auto 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 0.875em;
	line-height: 1.5em;
	text-align: left;
	border-top: solid 1px #ccc;
}
.tokushoTitle {
	width: 14em;
	margin: 0;
	padding: 0.5em 1em;
	border-bottom: solid 1px #ccc;
}
.tokushoBody {
	width: calc( 100% - 14em );
	margin: 0;
	padding: 0.5em 1em 0.5em 0;
	border-bottom: solid 1px #ccc;
}
.tokushoTitle:nth-of-type(odd),
.tokushoBody:nth-of-type(odd) {
	background: #f9f9f9;
}
.recruitDetail .tokushoTitle {
	width: 7em;
}
.recruitDetail .tokushoBody  {
	width: calc( 100% - 7em );
}

/* !news */
/* --------------------------- */
.postHeading {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.postTitle {
	background-color: rgba(0,0,0,.5);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	margin: 0 auto;
	padding: 2em 2em;
	font-size: 2em;
	line-height: 1.5em;
	color: #fff;
}
.postInfo {
	background: #f0f0f0;
	border-bottom: solid 1px #ccc;
	margin: 0 auto;
	padding: 0.5em 1em;
	text-align: right;
}
.postCat {
	display: inline-block;
	background: var(--color-primary);
	font-size: 0.875em;
	line-height: 1;
	padding: 0.5em 1em;
	margin-right: 1em;
	color: #fff;
}
.postCat.postCatHs,
.postCat.postCatHs-news {
	background: var(--color-hs);
}
.postCat.postCatJh,
.postCat.postCatJh-news {
	background: var(--color-jh);
}
.postCat.postCatInfo {
	background: #F0AA50;
}
.postDate {
	font-size: 1em;
	line-height: 1;
	letter-spacing: 0.15em;
}
.postBody {
	color: #000;
	padding: 2em 4em;
/*
	background-image:
		linear-gradient(90deg, rgba(0,0,0,.0375) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0) 100% ),
		linear-gradient(0deg, rgba(0,0,0,.0375) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,0) 100% );
	background-size: 24px 24px;
	background-position: center center;
*/
	border-bottom: solid 1px #ccc;
	font-size: 1em;
	line-height: 1.875em;
	text-align: justify;
	overflow: auto;
}
.postBody * {
}
.postBody p {
	-webkit-font-feature-settings: 'pkna' 1;
	font-feature-settings: 'pkna' 1;
}
.postBody hr {
	margin: 2em auto;
}
.postNav {
	display: flex;
	justify-content: center;
	padding: 1em 0;
	border-top: solid 4px rgba(0,0,0,.05);
	position: relative;
}
.postLink.btn {
	border-radius: 2em;
	min-width: 1px;
	margin: 0 auto;
	background: #fff;
	color: var(--color-primary);
	border: solid 2px var(--color-primary);
}
.gotoList {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.gotoList:hover {
	transform: translate(-50%, -50%);
}
.postLink.btn:hover {
	background: var(--color-primary);
	color: #fff;
}
.postLink.postPrev {
	border-radius: 2em 0.5em 0.5em 2em;
	margin-left: 0;
}
.postLink.postNext {
	border-radius: 0.5em 2em 2em 0.5em;
	margin-right: 0;
}
.postBody table {
	font-size: 0.875em;
	line-height: 1.5em;
	margin: 1rem auto;
	border-collapse: collapse;
}
.postBody table th,
.postBody table td {
	padding: 0.25em 1em;
	border-bottom: solid 1px #636363;
	font-weight: normal;
}
.postBody table tr th:not(:first-of-type),
.postBody table tr td:not(:first-of-type) {
	border-left: solid 1px #636363;
}
.postBody table th { 
	background: #daf0cc;
	text-align: center;
	font-weight: bold;
}
.wp-block-button__link.has-background:visited {
	color: #fff;
}

/* !contact */
/* --------------------------- */
.contact .tokushoTitle {
	width: 6em;
}
.contact .tokushoBody {
	width: calc( 100% - 6em );
}
.hs-toiawase .pageTitle,
.jh-toiawase .pageTitle,
.hs-request .pageTitle,
.jh-request .pageTitle {
	display: none;
}
.mailform {
	font-size: 1em;
	line-height: 1.5em;
	max-width: 640px;
	margin: 2em auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.mailform dt {
	font-size: 0.875em;
	width: 12rem;
	margin: 0;
	border-bottom: solid 1px #ccc;
	padding: 0.75rem 0.5rem;
	overflow: auto;
	text-align: right;
}
.mailform .iconRequired {
	float: left;
	display: inline-block;
	font-size: 0.75em;
	line-height: 1;
	font-weight: bold;
	padding: 0.5em;
	background: var(--color-primary);
	color: #fff;
	border-radius: 3px;
}
.mailform dd {
	width: calc( 100% - 12rem );
	padding: 0.75rem 0.5rem;
	margin: 0;
	border-bottom: solid 1px #ccc;
	text-align: left;
}
.mailform dd input,
.mailform dd textarea {
	max-width: 100%;
	border: solid 1px #ccc;
	transition: all 0.4s ease;
	border-radius: 3px;
	padding: 0.375em;
}
.mailform dd input:focus,
.mailform dd textarea:focus {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 2px var(--color-primary);
	outline: none;
}
.mailformBtn input {
	min-width: 5em;
	display: inline-block;
	font-size: 1rem;
	line-height: 1;
	text-align: center;
	background: var(--color-primary);
	color: #fff;
	text-decoration: none;
	padding: 0.625em 1.5em;
	margin: 0.5rem auto;
	transition: all 0.4s ease;
	border: none;
	outline: none;
}
.mailformBtn input.btnBack {
	background: #999;
}
.mailformBtn input:hover {
	color: #fff;
	transform: translateY(1px);
	cursor: pointer;
	background: #259625;
}

/* !kizuna */
/* --------------------------- */
.kizuna main .btn {
	min-width: 18em;
	max-width: 100%;
}
.cal {
	width: 100%;
	max-width: 500px;
	margin: 0 auto 1em;
}
div.schedule_wrapper {
	text-align: left;
	display: inline-block;
	margin: 0 auto;
}
.infoList {
	display: inline-block;
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	padding: 0 1.5em;
}
.infoListItem {
	margin: 0;
	border-bottom: dashed 1px #eee;
	padding: 1em 0;
}
.infoListItem:last-of-type {
	border-bottom: none;
}
.infoListItem::before {
	content: "●";
}

/* !kizuna */
/* --------------------------- */
.resultCont {
	max-width: 640px;
	margin: 0 auto;
}
.resultTitle {
	font-size: 1.5em;
	text-align: left;
	margin: 0 0 0.5em;
}
.resultBody {
	margin: 0 auto 1.5em;
	padding-bottom: 1.5em;
	border-bottom: solid 1px #ccc;
}
.resultBody p {
	font-size: 0.875em;
	line-height: 1.75em;
	text-align: justify;
	margin: 0;
}

/* !english */
/* --------------------------- */
body:lang(en) .topNews,
body:lang(en) .topNewsList,
body:lang(en) .noen,
body:lang(ja) .noja {
	display: none;
}
body:lang(en) .noja {
	display: block;
}
body:lang(en) .msgTxt {
	text-indent: 0;
	text-align: left;
}
body:lang(en) .topNav {
	justify-content: center;
}
body:lang(en) .topNavItem {
	margin: 0 1px;
}


.noticeWrap {
	max-width: 48rem;
	margin: 0 auto 3rem;
	border: solid 1px #ccc;
	border-radius: 2rem;
}
.noticeTitle {
	font-size: 1.75em;
	line-height: 1;
	color: #cb5394;
	margin: 0;
	padding: 1em;
	border-bottom: solid 1px #ccc;
}
.noticeBody {
	padding: 2rem 4rem;
}
.noticeTxt {
	font-size: 1em;
	line-height: 1.75;
	text-align: justify;
	margin: 0 0 1em;
}
ul.noticeList {
	margin: -0.5em auto 1em;
	font-size: 1em;
	line-height: 1.75;
	text-align: justify;
	padding-left: 1.5em;
}
ul.noticeList li {
	margin: 0 0 0.5em;
	text-indent: -1em;
}
ul.noticeList li::before {
	content: "●";
	display: inline-block;
	transform: scale(0.5);
	text-indent: 0;
}

/* !es */
/* --------------------------- */
.es .pageTitle,
.category-es-news .pageTitle,
.es-student .pageTitle {
	border-bottom-color: var(--color-es);
	background: rgba(var(--color-es-rgb), .1);
	color: var(--color-es);
}
.es .guideTitle,
.es-student .guideTitle,
.es .commonCatch:first-letter,
.es .msgTitle {
	color: var(--color-es);
}
.es .msgTitle {
	border-bottom-color: var(--color-es);
}
.esCatch {
	font-size: 2em;
	line-height: 2;
	margin: 0 auto 1em;
}
.esCatch span {
	position: relative;
}
.esCatch span::before {
	content: "";
	display: inline-block;
	width: 105%;
	height: 50%;
	position: absolute;
	left: -2.5%;
	bottom: -10%;
	z-index: -1;
	background: linear-gradient(316deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgba(54,200,216,0.41) 100%);
}
.esPoint {
	display: flex;
	justify-content: space-between;
	margin: 0.5em auto 3em;
	font-size: 1.25em;
	line-height: 1.5;
}
.esPoint li {
	margin: 0;
	width: 31%;
	background: rgba(var(--color-es-rgb), .2);
	padding: 0.5em 0 0.625em;
	border-radius: 0.5em; 
}
.esSchedule {
	font-size: 1em;
	line-height: 1.5;
	margin: 1.5em auto 3em;
	border-collapse: collapse;
}
.esSchedule th,
.esSchedule td {
	border-bottom: solid 1px #ccc;
	padding: 0.625em 1.5em;
}
.esSchedule thead th {
	background: rgba(var(--color-es-rgb), .25);
}
.esSchedule tbody tr:nth-of-type(even) {
	background: rgba(var(--color-es-rgb), .1);
}
.esSchedule caption {
	font-size: 1em;
	margin-bottom: 0.5em;
}
.immersionBox {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}


/* !sp */
/* --------------------------- */
@media screen and (max-width:768px) {
	/* !sp common */
	/* --------------------------- */
	.floatLeft,
	.floatRight,
	.alignleft,
	.alignright {
		display: block;
		text-align: center;
		float: none;
		margin: 16px auto;
	}
	.nosp {
		display: none;
	}
	.sp {
		display: block;
	}
	.flexCont {
		display: block;
	}
	.btn {
		min-width: auto;
	}
	.btnLarge {
		font-size: 1.75em;
		padding: 0.625em 1em;
	}
	iframe {
		max-width: 100%;
	}
	.video iframe {
		width: 100%;
		height: auto;
		aspect-ratio: 16 / 9;
	}
	/* !sp layout */
	/* --------------------------- */
	body {
		font-size: 3vw;
	}
	main .inner {
		padding: 0 3vw;
	}
	/* !sp header */
	/* --------------------------- */
	.gHeader {
		padding: 4.5vw 0 0;
	}
	.headerCont {
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.siteTitle {
		width: 100%;
		max-width: 100%;
		margin-bottom: 2vw;
	}
	/* .siteTitle a {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
	} */
	.siteTitle a img {
		max-width: 90vw;
	}
	.schoolNavBox {
		width: 100%;
		text-align: left;
	}
	.schoolNav {
		width: 100%;
		margin: 0;
	}
	.schoolNavTitle {
		margin: 1px auto 0;
		font-size: 1.325em;
		line-height: 1.25;
	}
	.schoolNavTitle .schoolNavLink {
		padding: 0.25em 0.75em;
		background: var(--color-jh);
		color: #fff;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.schoolNavHs .schoolNavTitle .schoolNavLink {
		background: var(--color-hs);
	}
	.schoolNavEs .schoolNavTitle .schoolNavLink {
		background: var(--color-es);
	}
	.schoolNavTitle .schoolNavLink img {
		margin-right: 0.5em;
	}
	.schoolNavLink {
		width: 100%;
		display: block;
		text-decoration: none;
	}
	.schoolNavBody {
		margin: 0;
		display: flex;
		justify-content: space-between;
	}
	.schoolNavBody .schoolNavLink {
		color: var(--color-jh);
		padding: 0.625em 1em;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size: 1.125em;
	}
	.schoolNavBody .schoolNavLink + .schoolNavLink {
		margin-left: 1px;
	}
	.schoolNavHs .schoolNavBody .schoolNavLink {
		color: var(--color-hs);
	}
	.schoolNavEs .schoolNavBody .schoolNavLink {
		color: var(--color-es);
	}
	.schoolNavBody .schoolNavLink::before {
		content: "▶︎";
		display: flex;
		justify-content: center;
		align-items: center;
		width: 1.75em;
		height: 1.75em;
		background: var(--color-jh);
		font-size: 0.7em;
		line-height: 1;
		color: #fff;
		border-radius: 50%;
		text-align: center;
		margin-right: 0.5em;
	}
	.schoolNavHs .schoolNavBody .schoolNavLink::before {
		background: var(--color-hs);
	}
	.schoolNavEs .schoolNavBody .schoolNavLink::before {
		background: var(--color-es);
	}
	.headerTool {
		width: 100%;
		margin: 0 auto;
		padding: 0 2vw 0 0;
		max-width: 100%;
		background: #fff;
		box-shadow: 0 1px 4px rgba(0,0,0,.5);
		text-align: center;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.haderNav {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.headerNavItem {
		margin: 0;
		font-size: 0.75em;
	}
	.headerNavCC {
		border: none;
	}
	.headerNavCCTxt { 
		display: none;
	}
	.headerTool .txtNavLink {
		display: none;
	}
	.headerTool .txtNavEng {
		display: block;
		position: absolute;
		top: -7.5vw;
		right: 0;
		margin: 0;
		background: #4D4D4D;
		color: #fff;
		padding: 0.5em 1.5em;
	}
	.headerSearch {
		font-size: 1.125em;
		margin: 0 0 0 auto;
	}
	.headerSearch input[type="text"] { 
		border-radius: 2em;
		outline: none;
		border: solid 1px #ccc;
		width: 9em;
		line-height: 1.5em;
		padding: 0.375em 0.5em;
	}
	.headerSearch input[type="submit"] {
		width: 1.2em;
		height: 1.2em;
		background: url("../imgs/header_search_icon.png") 0 0 no-repeat;
		background-size: 100% auto;
		white-space: nowrap;
		text-indent: -100vw;
		overflow: hidden;
		padding: 0;
		border: none;
	}
	.headerSearchTxt {
		display: none;
	}
	.toggle {
		font-size: 0.5rem;
		background: rgba(255,255,255,1);
		width: 10vw;
		height: 10vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-direction: column;
		color: var(--color-primary);
		transition: all 0.4s ease;
	}
	.scrolled .toggle {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		box-shadow: 0 0 4px rgba(0,0,0,.15);
		width: 12vw;
		height: 12vw;
	}
	.toggle .fas {
		font-size: 3em;
	}
	#spNav:checked ~ .gHeader .toggle {
		position: fixed;
		transform: translateX(81vw);
		z-index: 1000;
	}
	.toggle .fa-times,
	#spNav:checked ~ .gHeader .toggle .fa-bars {
		display: none;
	}
	#spNav:checked ~ .gHeader .toggle .fa-times {
		display: inline;
	}
	.gNavBg {
		display: block;
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		pointer-events: none;
		background: rgba(0,0,0,0);
		z-index: 100;
		transition: all 0.4s ease;
	}
	#spNav:checked ~ .gHeader .gNavBg {
		background: rgba(0,0,0,.875);
		pointer-events: all;
	}
	/* !sp nav */
	/* --------------------------- */
	.gNav {
		border: none;
		width: 81vw;
		height: 100vh;
		overflow: auto;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 500;
		transition: all 0.4s ease;
		transform: translateX(-100%);
	}
	#spNav:checked ~ .gHeader .gNav {
		transform: translateX(0);
	}
	.gNavList {
		display: block;
	}
	.gNavItem {
	}
	.gNavListChild {
		min-width: 1px;
		position: relative;
		opacity: 1;
		pointer-events: all;
		top: auto;
		left: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 3vw;
		transform: translateY(0);
		background: #fff;
		font-size: 0.75em;
	}
	.gNavListChild .gNavItem {
		width: 50%;
		border-bottom: solid 1px #fff;
		background: #CCF0BC;
	}
	.gNavListChild .gNavItem:nth-of-type(even) {
		box-shadow: inset 1px 0 0 rgba(255,255,255,1);
	}
	.gNavListChild .gNavLink {
	}
	/* !sp footer */
	/* --------------------------- */
	.gFooter { 
		padding: 3vw 0;
		font-size: 1em;
	}
	.footerCont {
		display: block;
	}
	.footerInfo {
		width: 100%;
		margin-bottom: 1em;
	}
	.footerInfo .siteTitle {
		margin-bottom: 2em;
	}
	.footerInfo .siteTitle a {
		display: block;
	}
	.footerInfoDetail {
		text-align: center;
		padding: 0;
	}
	.footerInfoTitle {
		margin-bottom: 0.5em;
	}
	.footerInfoBody {
		font-size: 1.125em;
		line-height: 1.666em;
	}
	.footerNav {
		display: none;
	}
	.copyright {
		text-align: center;
	}
	/* !sp top */
	/* --------------------------- */
	.topHeaderBnr.sp {
		display: block;
		border-right: none;
		border-left: none;
		max-width: 96%;
		width: auto;
	}
	.bnrWrap.sp {
		display: flex;
		max-width: 96%;
	}
	.bnrWrap a {
		max-width: 48.5%;
		margin: 0;
	}
	.topSlide {
		height: 60vw;
	}
	.swiper-slide {
		width: 100%;
		height: 100%;
	}
	.topSlide01 {
		background-image: url("../imgs/top_slide_bg_01_sp.jpg");
	}
	.topSlide02 {
		background-image: url("../imgs/top_slide_bg_02_sp.jpg");
	}
	.topSlide03 {
		background-image: url("../imgs/top_slide_bg_03_sp.jpg");
	}
	.topSlide04 {
		background-image: url("../imgs/top_slide_bg_04_sp.jpg");
	}
	.topSlide05 {
		background-image: url("../imgs/top_slide_bg_05_sp.jpg");
	}
	.topSlide06 {
		background-image: url("../imgs/top_slide_bg_06_sp.jpg");
	}
	.topSlide07 {
		background-image: url("../imgs/top_slide_bg_07_sp.jpg");
	}
	.topSlide08 {
		background-image: url("../imgs/top_slide_bg_08_sp.jpg");
	}
	.topSlide09 {
		background-image: url("../imgs/top_slide_bg_09_sp.jpg");
	}
	.topSlide10 {
		background-image: url("../imgs/top_slide_bg_10_sp.jpg");
	}
	.topSlide11 {
		background-image: url("../imgs/top_slide_bg_11_sp.jpg");
	}
	.topSlide12 {
		background-image: url("../imgs/top_slide_bg_12_sp.jpg");
	}
	.topSlide13 {
		background-image: url("../imgs/top_slide_bg_13_sp.jpg");
	}
	.topSlide14 {
		background-image: url("../imgs/top_slide_bg_14_sp.jpg");
	}
	.topSlide15 {
		background-image: url("../imgs/top_slide_bg_15_sp.jpg");
	}
	.topSlide16 {
		background-image: url("../imgs/top_slide_bg_16_sp.jpg");
	}
	.topSlide17 {
		background-image: url("../imgs/top_slide_bg_17_sp.jpg");
	}
	.topSlide18 {
		background-image: url("../imgs/top_slide_bg_18_sp.jpg");
	}
	.topSlide19 {
		background-image: url("../imgs/top_slide_bg_19_sp.jpg");
	}
	.topSlide20 {
		background-image: url("../imgs/top_slide_bg_20_sp.jpg");
	}
	.topSlide21 {
		background-image: url("../imgs/top_slide_bg_21_sp.jpg");
	}
	.topSlide22 {
		background-image: url("../imgs/top_slide_bg_22_sp.jpg");
	}
	.topSlide23 {
		background-image: url("../imgs/top_slide_bg_23_sp.jpg");
	}
	.topSlide24 {
		background-image: url("../imgs/top_slide_bg_24_sp.jpg");
	}
	.topSlide25 {
		background-image: url("../imgs/top_slide_bg_25_sp.jpg");
	}
	.topSlide26 {
		background-image: url("../imgs/top_slide_bg_26_sp.jpg");
	}
	.topSlide27 {
		background-image: url("../imgs/top_slide_bg_27_sp.jpg");
	}
	.topSlide28 {
		background-image: url("../imgs/top_slide_bg_28_sp.jpg");
	}
	.topSlide29 {
		background-image: url("../imgs/top_slide_bg_29_sp.jpg");
	}
	.topSlide30 {
		background-image: url("../imgs/top_slide_bg_30_sp.jpg");
	}
	.topSlide31 {
		background-image: url("../imgs/top_slide_bg_31_sp.jpg");
	}
	.topSlide32 {
		background-image: url("../imgs/top_slide_bg_32_sp.jpg");
	}
	.topSlide33 {
		background-image: url("../imgs/top_slide_bg_33_sp.jpg");
	}
	.topSlide34 {
		background-image: url("../imgs/top_slide_bg_34_sp.jpg");
	}
	.topSlide35 {
		background-image: url("../imgs/top_slide_bg_35_sp.jpg");
	}
	.topSlide36 {
		background-image: url("../imgs/top_slide_bg_36_sp.jpg");
	}
	.topSlide37 {
		background-image: url("../imgs/top_slide_bg_37_sp.jpg");
	}
	.topSlide38 {
		background-image: url("../imgs/top_slide_bg_38_sp.jpg");
	}
	.topSlide .swiper-button-prev,
	.topSlide .swiper-button-next {
		width: 2em;
		text-align: center;
	}
	.topMainTitle {
		font-size: 1.25em;
		padding-left: 1em;
		margin-top: 0.75em;
	}
	.topNav {
		flex-wrap: wrap;
		line-height: 1.375em;
		display: none;
	}
	.home .topNav {
		display: flex;
	}
	.topNavItem {
		width: 33%;
		height: 16vw;
		margin-bottom: 0.5%;
	}
	.topNavTwitter {
		display: block;
		width: auto;
		height: auto;
		margin: 1rem auto 0;
		padding: 0.5em 1em;
		border-radius: 3rem;
		overflow: hidden;
	}
	.topNavTwitter i,
	.topNavTwitter img {
		margin: auto 0.25em auto 0;
	}
	.topNavTwitter img {
		width: 24px;
		height: 24px;
	}
	.topNavTwitter span {
		font-size: 1em;
	}
	.content,
	.clubCont {
		padding: 12vw 0;
		position: relative;
	}
	.topEventList {
		margin-bottom: 1em;
		padding-bottom: 0.5em;
		border-bottom: solid 1px #424242;
	}
	.topEventList + .topEventList { 
		border-top: none;
		padding-top: 0;
	}
	.topEventItem {
		width: 50%;
		padding-bottom: 0.25em;
		margin-bottom: 1em;
	}
	.topEventList .topEventItem:last-of-type {
		border-bottom: none;
	}
	.topEventItem + .topEventItem {
	}
	.topEventLink {
		padding: 0.5em 1em;
	}
	.topEventHs .topEventLink {
	}
	.topEventTitle {
		font-size: 1.25em;
		line-height: 1.375;
	}
	.topNewsItem {
		width: 47.5%;
		margin-top: 2em;
		margin-bottom: 2em;
	}
	.topNewsThumb {
		height: 25vw;
	}
	.twitter-timeline {
		max-width: 90%!important;
	}
	.topEventList .topEventItem:nth-child(n+3) {
		display: none;
	}
	.topJuken .inner {
		/* padding-right: 3vw;
		padding-bottom: 66vw;
		background-position: center bottom;
		background-size: 94vw auto; */
	}
	.passingNews {
		max-width: calc(100% - 1.5rem);
	}
	.passingHeading {
		width: 100%;
		margin: 0 auto;
	}
	.passingTitle {
		font-size: 2.5em;
		text-align: center;
		white-space: nowrap;
	}
	.passingBox {
		width: 100%;
		border-top: solid 1px #fff;
		border-left: none;
		padding-top: 1rem;
		padding-left: 0;
		margin-top: 1rem;
		margin-left: 0;
	}
	ul.passingList {
		font-size: 1.25em;
	}
	.passingTxt {
		font-size: 1em;
	}
	ul.passingList.column2 {
		display: block;
	}
	/* !sp koushien */
	/* --------------------------- */
	.koushienWrap {
		align-items: flex-start;
	}
	.koushienCont {
		max-height: 90vh;
	}
	.koushienHeading {
		padding: 2rem 0 66%;
		background-size: 135% auto;
	}
	.koushienTitle {
		font-size: 3rem;
		margin-top: 37.5%;
	}
	.koushienBody {
		padding: 1rem 2rem;
	}
	.koushienBtnWrap {
		display: block;
	}
	.koushienBtnWrap .btnLarge {
		width: 80%;
		margin-bottom: 1em;
	}
	.koushienClose {
		font-size: 7.5vw;
	}
	/* !sp lower */
	/* --------------------------- */
	.pageHeading {
		height: 35vw;
		margin-bottom: 0;
	}
	.pageTitle {
		margin-top: 0;
	}
	.commonBody {
		padding: 0 7.5vw;
	}
	.innerNav,.innerClubNav {
		display: none;
	}
	.topNewsTitle,
	.contTxt,
	.guideTxt,
	.msgTxt,
	.seniorExp .commonTxt {
		font-size: 1.125em;
	}
	.seniorExp {
		padding: 1em 2em;
	}
	/* !sp access */
	/* --------------------------- */
	.accessMap {
		height: 66vw;
	}
	.accessOutline,
	.accessRoute {
		padding: 0 6vw;
	}
	.accessOutlineBody {
		font-size: 1.125em;
	}
	/* !sp es */
	/* --------------------------- */
	.esCatch {
		font-size: 1.75em;
	}
	.esPoint {
		font-size: 0.875em;
	}
	
	/* !sp ch top */
	/* --------------------------- */
	.guideCont {
		padding-left: 0;
		background-position: left top;
	}
	.guideTitle {
		font-size: 2.25em;
		margin-bottom: 2em;
	}
	.ch .guideTitle {
		text-align: right;
	}
	.guideCatch {
		font-size: 1.625em;
	}
	.guideBox {
	}
	.msgPh {
		margin: 0 auto 2em;
		max-width: 50vw;
	}
	.msgBody {
		margin: 0 7.5vw;
	}
	.outlineHistory {
		font-size: 0.8em;
	}
	.historyYear {
		width: 35%;
	}
	.historyBody {
		width: 65%;
	}
	.songCredit {
		margin: 0 auto;
	}
	.songTxt {
		margin: 0 auto 0 4em;
	}
	.songTxt:last-of-type {
		margin: 2em auto 0 4em;
	}
	.videoList {
		justify-content: space-between;
	}
	.videoListItem {
		width: 46%;
		margin: 0 2% 2vw;
	}
	.videoList .btn {
		line-height: 1.375em;
		width: 100%;
		height: 100%;
		padding: 0.5em 1em;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	/* !sp jh top */
	/* --------------------------- */
	.jh .contBody {
		padding-right: 5vw;
		padding-left: 22.5vw;
	}
	.jh .guideCont,
	.hs .guideCont {
		background-size: 13% auto;
		background-position: 4vw 2em;
	}
	.jh .guideCont::after {
		top: 50%;
		left: 0;
		width: 20vw;
	}
	.stageDetailCaption {
		font-size: 0.625em;
	}
	.stageDetailBody {
		min-height: 10em;
	}
	.taikenSub {
		margin-top: 2em;
		max-width: 100%;
	}
	.taikenSchedule {
		font-size: 1em;
	}
	.clubName {
		font-size: 0.9em;
		width: 45%;
	}
	.clubResults {
		display: block;
	}
	.clubResultsTitle,
	.clubResultsBody {
		width: 100%;
	}
	.clubResultsTitle {
		border: solid 1px #f6d9e8;
		margin-bottom: 0;
	}
	.clubResultsBody {
		margin-bottom: 1em;
		display: block;
	}
	.eventCalCont {
		padding: 0;
	}
	.eventCalTitle {
		opacity: 0.5;
		top: 0.25em;
		left: 0.25em;
	}
	.jh .eventCalCont:first-of-type .eventCalTitle {
		top: 3.625em;
	}
	.eventCalendar {
		transform: translateX(1em);
	}
	.kanScheduleBody .alignright {
		margin: 0 auto 1em;
	}
	.seniorExp .alignright img {
		max-width: 40vw;
	}
	.facilityGallery figure {
		max-width: 45%;
	}
	.uniformCont > div {
		max-width: 100%;
	}
	ol.gcpList {
		grid-template-columns: 1fr;
	}
	.gcpHowWrap {
		gap: 2rem;
	}
	.gcpHowWrap .commonTxt {
		width: 80%;
	}
	/* !sp hs */
	/* --------------------------- */
	.hs .contBody {
		padding-right: 2em;
		padding-left: 2em;
	}
	.hsIntro {
		display: block;
	}
	.hsIntro img,
	.hsIntro img:first-of-type {
		width: 100%;
	}
	.hsKanName {
		font-size: 1em;
	}
	.hs .facilityGallery figure {
		width: 49.75%;
	}
	.hsKanDetail {
		max-width: 100%;
	}
	.hs-achieve .achieveData thead tr th:first-of-type,
	.hs-achieve .achieveData tbody td:first-of-type {
		position: sticky;
		left: 0;
		z-index: 2;
	}
	.hs-achieve .achieveData tbody td:first-of-type {
		background: #f0f0f0;
		z-index: 1;
	}
	.hs-session .sessionSchedule th {
		padding-right: 0.5em;
		padding-left: 0.5em;
	}
	.hs-session .sessionSchedule td {
		padding-right: 1em;
	}
	.tableWrap {
		max-width: 94vw;
		overflow-x: auto;
	}
	.tableWrap .sessionSchedule thead th {
		position: sticky;
		top: 0;
		z-index: 2;
	}
	.tableWrap .sessionSchedule tbody th {
		position: sticky;
		left: 0;
		z-index: 1;
	}
	/* .hs-session .tableWrap {
		max-height: 70vh;
		margin-bottom: 3rem;
	} */
	/* !sp exam */
	/* --------------------------- */
	.sessionTime {
		font-size: 1.375em;
	}
	.sessionTimeschedule {
		width: auto;
	}
	.sessionDetailListParent .sessionDetailItem,
	.sessionDetailListStudent .sessionDetailItem {
		display: block;
		padding-left: 1em;
		text-indent: -1em;
		margin-left: 1em;
	}
	.sessionOutlineBody {
		overflow-x: auto;
		padding: 0;
		max-width: 92%;
	}
	.sessionOutlineBody .sessionSchedule {
		white-space: nowrap;
	}
	.sessionOutlineBody .sessionSchedule thead th:first-of-type,
	.sessionOutlineBody .sessionSchedule tbody th {
		position: sticky;
		left: 0;
		z-index: 1000;
		box-shadow: 0.25em 0 4px 0 rgba(0,0,0,.2);
	}
	/* !sp news */
	/* --------------------------- */
	.postLink.btn {
		font-size: 1em;
	}
	.postBody {
		padding: 2em;
		font-size: 1.125em;
	}
	.hs-toiawase iframe,
	.jh-toiawase iframe {
		height: 350vw;
	}
	.hs-request iframe{
		height: 460vw;
	}
	.jh-request iframe{
		height: 620vw;
	}
	.modalCont {
		max-width: 90%;
	}
	.modalTitle {
		font-size: 2em;
	}
	.modalBody {
		padding: 0.5rem 1rem 2rem;
	}
	.modalTxt {
		font-size: 1em;
	}
	.modalOutline {
		font-size: 1.125em;
		max-width: 20em;
	}
	.modalClose {
		font-size: 2rem;
	}
	.noticeTitle {
		font-size: 1.5em;
		line-height: 1.375;
		padding: 0.75em;
	}
	.noticeBody {
		padding: 1.5rem 1.5rem;
	}
	ul.noticeList {
		font-size: 0.875em;
	}
}