/* campusSchedule */
#campusSchedule {
	padding: 110px 0;
}

#campusSchedule .content-inner {
	position: relative;
}

.campusSchedule-top h2 {
	margin-bottom: 40px;
}

.campusSchedule-top h2 span {
	width: 34.375vw;
}

.campusSchedule-top h2 span img {
	width: 94.31%;
	margin: auto;
}

.campusSchedule-top p {
	margin-bottom: 64px;
	font-size: 1.25vw;
}

.campusSchedule-top-photo {
	background: url('../../img/campuslife/schedule_bg.svg') left top;
	background-size: 13px;
}

.campusSchedule-top-photo img.campusSchedule-top-photo-main {
	display: block;
	width: 62.5vw;
	max-width: 800px;
	margin: auto;
}

.campusSchedule-top {
	margin-bottom: 50px;
}

.schedule-girl {
	width: 5.976%;
	max-width: 77px;
	top: 11%;
	bottom: auto;
	left: 18%;
}

.schedule {
	display: flex;
	justify-content: space-between;
	width: 62.5vw;
	max-width: 800px;
	margin: auto;
}

.schedule-early {
	width: 27.8%;
}

.schedule-mid {
	width: 33.138%;
}

.schedule-late {
	width: 32.523%;
}

.slist {
	align-items: flex-start;
	padding: 15px 0;
}

.slist:last-of-type {
	border-bottom: dotted 1px #999;
}

.slist ul {
	font-size: 1.028vw;
	line-height: 1.2;
}

.slist-icon {
	width: 50px;
	margin-right: 15px;
}

.earlyPhoto01 {
	left: -27.92%;
	top: 18%;
	width: 48%;
}

.earlyPhoto02 {
	right: -9.26%;
	bottom: -5%;
	width: 27%;
}

.midPhoto01 {
	top: 29%;
	right: -10%;
	width: 31.81%;
}

.latePhoto01,
.latePhoto02 {
	width: 41.53%;
	right: -20%;
}

.latePhoto01 {
	top: 0;
}

.latePhoto02 {
	bottom: 0;
}

/* clubscircle */
#clubscircle {
	padding: 45px 0;
}

#clubscircle .content-inner {
	position: relative;
}

.clubscircle-top {
	margin-bottom: 0;
}

.clubscircle-top h2 {
	margin-bottom: 40px;
}

.clubscircle-top h2 span {
	width: 26.56vw;
}

.clubscircle-top h2 span img {
	width: 90.58%;
	margin: auto;
}
.clubscircle-top p {
	width: 100%;
	margin-bottom: 64px;
	font-size: 1.25vw;
}

.clubscircle-girl {
	position: absolute;
	top: 5.9%;
	right: 19%;
	width: 10.859%;
}

#clubscircle-slider-wrapper {
	width: 62.5vw;
    max-width: 800px;
    margin: auto;
}

#clubscircle-slider-wrapper .inner,
#clubscircle-slider {
	width: 100%;
}

.clubscircle-slider {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.clubscircle-slider h3 {
	display: none;
}

.clubscircle-slider p {
	font-size: 1.093vw;
}

#clubscircle-slider-wrapper .swiper-slide {
	margin-bottom: 75px;
}

#clubscircle-slider-wrapper .swiper-slide:nth-of-type(1),
#clubscircle-slider-wrapper .swiper-slide:nth-of-type(2) {
	width: 48.6%
}

#clubscircle-slider-wrapper .swiper-slide:nth-of-type(3),
#clubscircle-slider-wrapper .swiper-slide:nth-of-type(4),
#clubscircle-slider-wrapper .swiper-slide:nth-of-type(5) {
	width: 31%;
}

#clubscircle-slider-wrapper .swiper-slide:nth-of-type(6),
#clubscircle-slider-wrapper .swiper-slide:nth-of-type(7),
#clubscircle-slider-wrapper .swiper-slide:nth-of-type(8),
#clubscircle-slider-wrapper .swiper-slide:nth-of-type(9) {
	width: 23.12%;
}

.clubscircle-photo {
	margin-bottom: 10px;
}

/* other */
.other-wrapper {
	display: flex;
	justify-content: space-between;
	width: 62.5vw;
	max-width: 800px;
	margin: auto;
}

.other-wrapper .cmn-margin {
	margin: 0;
}

.other-club {
	width: 58.375%;
}

.other-com {
	width: 38.75%;
}

.other-club h4,
.other-com h4 {
	padding: 15px 0;
	font-size: 1.46vw;
	line-height: 1;
	border-radius: 8px;
}

.other-club h4.add2020 {
	width: 60%;
}

.other-club dl,
.other-com ul,
.other-club ul.add2020 {
	margin: 18px 0;
}

.other-club dl,
.other-club ul,
.other-com ul {
	font-size: 1.261vw;
}

.other-club dt {
	padding: 20px;
	line-height: 1;
	font-size: 1.328vw;
	border-width: 4px;
}

.other-club dd {
	padding-left: 15px;
}

.other-com ul li.cap {
	padding-top: 15px;
}

@media screen and (min-width: 1280px) {
	.oneday-top p,
	.campuslife-top p,
	.campusSchedule-top p,
	.clubscircle-top p,
	.other-club dl,
	.other-club ul,
	.other-com ul {
		font-size: 1.6rem;
	}
	.lifestyle h3 {
		font-size: 2.8rem;
	}
	.person-name h4 .grade,
	.person-name h4 .from {
		font-size: 1.236rem;
	}
	.person-name h4 .name {
		font-size: 1.942rem;
	}
	.person-name h4 .san {
		font-size: 1.589rem;
	}
	.person-message,
	.details li {
		font-size: 1.4rem;
	}
	.person-photoArea {
		margin-top: 37px;
	}
	.person-balloon {
		max-width: 300px;
	}
	.person-come,
	.clubscircle-slider p {
		font-size: 1.4rem;
	}
	.slist ul {
		align-self: center;
		font-size: 1.3rem;
	}
	.other-club h4,
	.other-com h4 {
		font-size: 1.87rem;
	}
	.other-club dt {
		font-size: 1.7rem;
	}
}

.swiper-button-next.clubscircle-button-next,
.swiper-button-prev.clubscircle-button-prev {
	display: none;
}