@charset "UTF-8";
/* CSS Document */
.page-head--schedule { position: relative; flex-direction: column; align-items: center; height: auto; background-color: #fff;  }

.page-head__jp--upper { margin-bottom: 18px; font-size: 3.0rem; font-weight: 900; line-height: 1.4; letter-spacing: 0; }
.page-head__en--lower { font-size: 1.4rem; font-weight: 900; line-height: 1; letter-spacing: 0.2em; text-indent: 0.2em; }

.pg-sche { position: relative; width: 160px; background: #fff; border: 3px solid #f35f8c; margin-top: 25px; padding: 15px 12px 12px; font-family:'Red Hat Display', sans-serif; color: #f35f8c; z-index: 5; }
._year { font-size: 1.2rem; font-weight: 700; text-align: center; line-height: 1; letter-spacing: 0.16em; text-indent: 0.16em; }
._date-wrap { text-align: center; }
._date { display: inline-flex; justify-content: center; align-items: center; margin-bottom: 7px; font-size: 5.7rem; }
._date__l { position: relative; padding-bottom: 10px; text-align: right; }
._date__l span { position: relative; display: block; padding-right: 15px; font-size: 70%; font-weight: 900; line-height: 1; }
._date__l .morepr { padding-right: 20px; }
._date__l span:after { position: absolute; top: 50%; right: 10px; display: block; width: 1px; height: 80%; background: #eb8c8c; content: ""; transform: translateY(-50%) rotate(25deg); }
._date__l small { position: absolute; right: 0; bottom: 0; font-size: 1.0rem; letter-spacing: 0.4rem; text-indent: 0.4em; }
._date__r { padding-top: 2px; padding-left: 5px; font-weight: 900; }
._time { margin-bottom: 15px; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.2em; text-indent: 0.2em; text-align: center; }
._when { display: flex; justify-content: center; align-items: center; height: 38px; background: rgb(255,104,175); background: linear-gradient(270deg, rgba(255,104,175,1) 0%, rgba(239,138,160,1) 100%); font-size: 1.4rem; line-height: 1; letter-spacing: 0.2em; text-indent: 0.2em; color: #fff; }
._when > span { font-size: 1.4rem; font-weight: 500; }
._when > strong { font-family: 'Red Hat Display', sans-serif; font-weight: 700; }

.page-head__obj { position: absolute; z-index: 0; }
@media screen and (min-width: 681px) {
	
	.page-head--schedule {  }
	
	.page-head__jp--upper { margin-bottom: 40px; font-size: 6.0rem; line-height: 1; }
	.page-head__en--lower { margin-bottom: 35px; font-size: 2.0rem; letter-spacing: 0.5em; text-indent: 0.5em; }
	
	.pg-sche { width: 260px; border-width: 5px; margin-top: 57px; padding: 24px 20px 20px; }
	._year { margin-bottom: -5px; font-size: 1.9rem; }
	._date { margin-bottom: 7px; font-size: 9.2rem; }
	._date__l { padding-bottom: 17px; }
	._date__l .morepr { padding-right: 25px; }
	._date__l span::after { height: 87%; transform: rotate(25deg); top: auto; bottom: 2px; }
	._date__l small { font-size: 1.3rem; }
	._date__r { padding-top: 6px; font-weight: 900; }
	._date__r--morepl { padding-left: 10px; }
	._time { margin-top: 15px; margin-bottom: 30px; font-size: 1.6rem; letter-spacing: 0.4em; text-indent: 0.4em; }
	
}


/*	Modal for Sub Pages	*/
.faculty-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(107, 115, 119, 0.9); display: none; z-index: 5000; pointer-events: auto; }
.faculty-modal__inner { position: relative; width: calc(100% - 40px); height: calc(100% - 40px); background: #fff; margin: 20px auto; overflow: auto; }
.modal__inner--center { display: flex; align-items: center; justify-content: center; }
.faculty-modal__content { width: 100%; height: 100%; display: flex; align-items: flex-start; justify-content: center; }
.modal__close { position: absolute; top: 0; right: 0; border: none; width: 50px; height: 50px; background: none; padding: 0; display: flex; align-items: center; justify-content: center; }
.modal__close img { width: 25%; position: relative; display: block; }

.facmod-wrap { position: relative; width: 100%; padding-top: 20px; padding-bottom: 20px; }

.facmod__item { display: none; width: 100%; }
.facmod__item.facmod__item--opened { display: block; }
.facmod__item__fac { display: flex; justify-content: center; align-items: center; height: 30px; margin-bottom: 20px; font-size: 1.5rem; line-height: 1.466; text-align: center; color: #fff; }

.covid-ttl { margin-bottom: 20px; padding-left: 53px; color: #492c05; }
.covid-ttl__main { position: relative; margin-bottom: 10px; font-size: 1.7rem; line-height: 1; }
.covid-ttl__main:before { position: absolute; top: 50%; left: -53px; transform: translateY(-50%); width: 40px; height: 16px; background: #85afc6; content: ""; }
.covid-ttl__sub { font-size: 1.2rem; line-height: 1; }

.covid-list { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; width: calc(100% - 40px); margin-left: auto; margin-right: auto; }
.covid-list:before { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 2px; height: 100%; background: url("../../common/img/icon_border.svg") repeat 0 0/6px auto; content: ""; }
.covid-list__item { position: relative; width: 50%; padding-top: 16px; padding-bottom: 16px; }



.covid-list__item__img { margin-bottom: 6px; text-align: center; }
.covid-list__item__img img { width: 65px; height: 65px; }
.covid-list__item__txt { font-size: 1.2rem; line-height: 1.666; text-align: justify; color: #492c05; }
.covid-list__item__txt span { background: #ffee78; }

@media screen and (max-width: 680px) {
	
	.covid-list__item:nth-child(odd) { padding-right: 16px; }
	.covid-list__item:nth-child(even) { padding-left: 16px; }
	.covid-list__item:nth-child(-n+2) { padding-top: 0; }
	.covid-list__item:nth-child(-n+6):before { position: absolute; content: ""; }
	.covid-list__item:nth-child(-n+6):before { bottom: 0; left: 0; width: 100%; height: 2px; background: url("../../common/img/icon_border.svg") repeat 0 0/6px auto; }
	.covid-list__item:nth-child(odd):after { position: absolute; content: ""; }
	.covid-list__item:nth-child(odd):after { right: -17px; bottom: -17px; width: 33px; height: 34px; background: #fff; z-index: 5; }
	
}

@media screen and (min-width: 681px) {
	
	.modal__close { width: 80px; height: 80px; }
	
	.faculty-modal__inner { top: 50%; transform: translateY(-50%); width: 1000px; height: auto; margin: 0 auto; }
	
	.facmod-wrap { position: relative; width: 100%; padding-top: 65px; padding-bottom: 40px; }
	
	.facmod__item { display: none; width: 100%; }
	.facmod__item.facmod__item--opened { display: block; }
	.facmod__item__fac { display: flex; justify-content: center; align-items: center; height: 30px; margin-bottom: 20px; font-size: 1.5rem; line-height: 1.466; text-align: center; color: #fff; }

	.covid-ttl { display: flex; align-items: center; margin-bottom: 40px; padding-left: 40px; }
	.covid-ttl__main { margin-bottom: 0; margin-right: 18px; font-size: 2.0rem; }
	.covid-ttl__main:before { left: -40px; width: 20px; height: 30px; }
	.covid-ttl__sub { font-size: 1.4rem; }
	
	
	.covid-list:before { display: none; }
	.covid-list__item { width: 25%; padding: 20px; }
	.covid-list__item:nth-child(-n+4) { padding-top: 0; }
	.covid-list__item:nth-child(-n+4):before { position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); width: calc(100% - 40px); height: 2px; background: url("../../common/img/icon_border.svg") repeat 0 0/6px auto; content: ""; }
	.covid-list__item:nth-child(n+5) { padding-bottom: 0; }
	.covid-list__item:after { position: absolute; right: -2px; width: 2px; height: calc(100% - 20px); background: url("../../common/img/icon_border.svg") repeat 0 0/6px auto; content: ""; }
	.covid-list__item:nth-child(-n+4):after { top: 0; }
	.covid-list__item:nth-child(n+5):after { bottom: 0; }
	.covid-list__item:nth-child(4n):after { display: none; }
	
	.covid-list__item__img { margin-bottom: 18px; }
	.covid-list__item__img img { width: 120px; height: 120px; }
	.covid-list__item__txt { font-size: 1.3rem; line-height: 1.769; letter-spacing: -0.02em; }
	
}