.jumbotron--opencampus {
	background-image: url(/oc/asset/img/new/opencampus/bg_jumbotron-opencampus@2x.jpg) !important;
}

@media screen and (min-width: 768px), print {
	.jumbotron--opencampus {
		background-image: url(/oc/asset/img/new/opencampus/bg_jumbotron-opencampus_pc@2x.jpg) !important;
	}
}

@media screen and (min-width: 768px), print {
	.opencampus .jumbotronTitle {
		width: 550px;
		height: 150px;
	}
}

/*-----------------------
.opencampus2019TitModule
-----------------------*/
.opencampus2019TitModule {
	text-align: center;
	position: relative;
}

.opencampus2019TitModule .tit1 small {
	display: inline-block;
	font-family: "Josefin Sans", sans-serif;
	font-weight: bold;
	border-bottom: solid 1.066667vw #000;
	letter-spacing: 0.15em;
}

.opencampus2019TitModule .tit1 .jp {
	display: block;
	margin-top: 6.4vw;
	font-weight: bold;
	line-height: 1.666666667;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 767px) {
	.opencampus2019TitModule {
		margin: 0;
	}

	.opencampus2019TitModule .tit1 small {
		font-size: 16px;
		font-size: 4.2666666667vw;
		border-bottom: solid 1.066667vw #000;
	}

	.opencampus2019TitModule .tit1 .jp {
		margin-top: 20px;
		font-size: 28px;
		font-size: 7.4666666667vw;
	}
}

@media screen and (min-width: 768px), print {
	.opencampus2019TitModule {
		margin: 32px 0 0;
	}

	.opencampus2019TitModule .tit1 small {
		font-size: 16px;
		border-bottom: solid 4px #000;
	}

	.opencampus2019TitModule .tit1 .jp {
		font-size: 30px;
		margin-top: 29px;
	}
}

/*-----------------------
.opencampus2019Module01
-----------------------*/
.opencampus2019Module01 .list li {
	margin: 50px 0 0;
}

.opencampus2019Module01 .list li .photo01 {
	padding: 0 20px 0 0;
}

.opencampus2019Module01 .list li .txtBox01 {
	background-image: url("/oc/asset/img/new/common/bg_newIntroduction01.png");
	background-size: 376px 676px;
	background-position: left top;
	position: relative;
	left: 20px;
	padding: 26px 40px 24px 20px;
}

.opencampus2019Module01 .list li .txtBox01 .tit01 {
	display: inline-block;
	font-size: 24px;
	font-size: 6.4vw;
	font-weight: bold;
	border-bottom: solid 6px #3ccc84;
}

.opencampus2019Module01 .list li .txtBox01 .txt01 {
	display: block;
	margin: 22px 0 0;
	font-size: 13px;
	font-size: 3.4666666667vw;
	font-weight: bold;
	line-height: 2;
}

/* -------202304¸ÄÐÞ·Ö£¨SP£©------- */
.opencampus2023Module01.opencampus2019Module01 {
	margin-top: 84px;
}

.opencampus2023Module01 .opencampus2019TitModule .tit1 small {
	padding-bottom: 3px;
}

.opencampus2023Module01.opencampus2019Module01 .list {
	margin-top: -11px;
}

.opencampus2023Module01.opencampus2019Module01 .list li .txtBox01 {
	padding: 23px 40px 24px 20px;
}

.opencampus2023Module01.opencampus2019Module01 .list li .txtBox01 .tit01 {
	letter-spacing: 0.15em;
}

/* -------202304¸ÄÐÞ·Ö£¨SP£©¤³¤³¤Þ¤Ç------- */

@media screen and (max-width: 767px) {
	.opencampus2019Module01 .txt02 {
		padding: 32px 20px 0;
	}

	.opencampus2019Module01 .list {
		width: 100%;
		overflow: hidden;
	}

	.opencampus2019Module01 .list .photo01 {
		position: relative;
	}

	.opencampus2019Module01 .list .photo01.ico01:after {
		content: "";
		display: block;
		position: absolute;
		top: -9vw;
		right: 10px;
		width: 26.67vw;
		height: 26.67vw;
		background: url("/oc/asset/img/new/opencampus/ico_opencampus01@2x.png");
		background-size: cover;
	}

	.opencampus2019Module01 .list .photo01.ico02:after {
		content: "";
		display: block;
		position: absolute;
		top: -8vw;
		right: 10px;
		width: 26.67vw;
		height: 26.67vw;
		background: url("/oc/asset/img/new/opencampus/ico_opencampus02@2x.png");
		background-size: cover;
	}
}

@media screen and (min-width: 768px), print {
	.opencampus2019Module01 .inner .txt02 {
		text-align: center;
		margin: 20px auto 0;
		width: 721px;
	}

	.opencampus2019Module01 .inner .list {
		min-width: 1220px;
		position: relative;
	}

	.opencampus2019Module01 .inner .list li {
		clear: both;
		position: relative;
		margin: 70px 0 0;
	}

	.opencampus2019Module01 .inner .list li:first-of-type {
		margin: 70px 0 0;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(3) {
		margin: 140px 0 0;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(even) .photo01 {
		float: right;
		width: 600px;
		position: absolute;
		top: 40px;
		right: 50%;
		margin: 0 -645px 0 0px;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(even) .photo01 img {
		width: 100%;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(even) .txtBox01 {
		margin: 0 0 0 -20px;
		width: 60%;
		max-width: 646px;
		left: 50%;
		margin: 0 0 0 -600px;
		position: relative;
		top: 0px;
		padding: 86px 75px 78px;
	}

	.opencampus2019Module01
		.inner
		.list
		li:nth-of-type(even)
		.txtBox01.ico01:after {
		content: "";
		display: block;
		position: absolute;
		top: -60px;
		right: 70px;
		width: 120px;
		height: 120px;
		background: url("/oc/asset/img/new/opencampus/ico_opencampus01@2x.png");
		background-size: cover;
	}

	.opencampus2019Module01
		.inner
		.list
		li:nth-of-type(even)
		.txtBox01.ico02:after {
		content: "";
		display: block;
		position: absolute;
		top: -60px;
		right: 70px;
		width: 120px;
		height: 120px;
		background: url("/oc/asset/img/new/opencampus/ico_opencampus02@2x.png");
		background-size: cover;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(even) .txtBox01 .tit01 {
		font-size: 26px;
		padding: 0 0 10px;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(even) .txtBox01 .txt01 {
		font-size: 14px;
		margin: 36px 0 0;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(odd) .photo01 {
		float: left;
		width: 620px;
		position: absolute;
		top: -40px;
		left: 50%;
		margin: 0 0 0 -620px;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(odd) .photo01 img {
		width: 100%;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(odd) .txtBox01 {
		margin: 0 0 0 -20px;
		width: 60%;
		max-width: 646px;
		left: 50%;
		position: relative;
		top: 0px;
		padding: 74px 75px 70px;
	}

	.opencampus2019Module01
		.inner
		.list
		li:nth-of-type(odd)
		.txtBox01.ico01:after {
		content: "";
		display: block;
		position: absolute;
		top: -60px;
		right: 70px;
		width: 120px;
		height: 120px;
		background: url("/oc/asset/img/new/opencampus/ico_opencampus01@2x.png");
		background-size: cover;
	}

	.opencampus2019Module01
		.inner
		.list
		li:nth-of-type(odd)
		.txtBox01.ico02:after {
		content: "";
		display: block;
		position: absolute;
		top: -60px;
		right: 70px;
		width: 120px;
		height: 120px;
		background: url("/oc/asset/img/new/opencampus/ico_opencampus02@2x.png");
		background-size: cover;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(odd) .txtBox01 .tit01 {
		font-size: 26px;
		padding: 0 0 10px;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(odd) .txtBox01 .txt01 {
		font-size: 14px;
		margin: 34px 0 0;
	}

	.opencampus2019Module01 .list li .txtBox01 .txt01 {
		line-height: 26px;
	}

	/* -------202304¸ÄÐÞ·Ö£¨PC£©------- */
	.opencampus2023Module01.opencampus2019Module01 {
		margin-top: 162px;
	}

	.opencampus2023Module01 .opencampus2019TitModule .tit1 small {
		padding-bottom: 0;
	}

	.opencampus2023Module01 .opencampus2019TitModule .tit1 .jp {
		letter-spacing: 0.15em;
	}

	.opencampus2023Module01.opencampus2019Module01 .inner .list li {
		margin: 119px 0 0;
	}

	.opencampus2023Module01.opencampus2019Module01 .inner .list li:first-of-type {
		margin: 82px 0 0;
	}

	.opencampus2023Module01.opencampus2019Module01
		.inner
		.list
		li:nth-of-type(3) {
		margin: 177px 0 0;
	}

	.opencampus2023Module01.opencampus2019Module01
		.inner
		.list
		li:nth-of-type(5) {
		margin: 203px 0 0;
	}

	.opencampus2023Module01.opencampus2019Module01
		.inner
		.list
		li:nth-of-type(even)
		.photo01 {
		width: 622px;
	}

	.opencampus2023Module01.opencampus2019Module01
		.inner
		.list
		li:nth-of-type(even)
		.txtBox01 {
		margin: 0 0 0 -622px;
		padding: 72px 79px 66px;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(5) .txtBox01 {
		padding: 63px 77px 68px;
	}

	.opencampus2023Module01.opencampus2019Module01 .list li .txtBox01 .tit01 {
		letter-spacing: 0.1em;
	}

	.opencampus2019Module01 .inner .list li:nth-of-type(5) .txtBox01 .tit01 {
		line-height: 1.615384615384615;
		padding-bottom: 0;
	}

	.opencampus2019Module01 .list li .txtBox01 .txt01 {
		letter-spacing: 0.04em;
	}
	/* -------202304¸ÄÐÞ·Ö£¨PC£©¤³¤³¤Þ¤Ç------- */
}

/*-----------------------
.opencampus2019Module02
-----------------------*/
.opencampus2019Module02 .inner {
	background-image: url("/oc/asset/img/new/common/bg_newIntroduction.png");
	background-size: 376px 515px;
	background-position: left top;
}

.opencampus2019Module02 .photo01 {
	display: block;
	position: relative;
}

.opencampus2019Module02 .photo01:before {
	content: "";
	display: block;
	position: absolute;
	top: -15px;
	left: -20px;
	width: 68px;
	height: 53px;
	background: url("/oc/asset/img/new/opencampus/ico_opencampus03@2x.png");
	background-size: cover;
}

.opencampus2019Module02 .photo01:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -15px;
	right: -20px;
	width: 68px;
	height: 53px;
	background: url("/oc/asset/img/new/opencampus/ico_opencampus03@2x.png");
	background-size: cover;
}

/* -------202304¸ÄÐÞ·Ö£¨SP£©------- */
.opencampus2023Module02.opencampus2019Module02 {
	padding: 84px 0 0;
}
/* -------202304¸ÄÐÞ·Ö£¨SP£©¤³¤³¤Þ¤Ç------- */

@media screen and (max-width: 767px) {
	.opencampus2019Module02 {
		padding: 60px 0 0;
	}

	.opencampus2019Module02 .tit01 {
		padding: 0 20px;
	}

	.opencampus2019Module02 .inner {
		padding: 48px 20px;
	}

	.opencampus2019Module02 .name01 {
		font-size: 20px;
		font-size: 5.3333333333vw;
		margin: 24px 0 0;
		display: block;
		line-height: 34px;
	}

	.opencampus2019Module02 .txt01 {
		font-size: 13px;
		font-size: 3.4666666667vw;
		margin: 15px 0 0;
		font-weight: bold;
		line-height: 26px;
	}
}

@media screen and (min-width: 768px), print {
	.opencampus2019Module02 {
		margin: 88px 0 0 0px;
	}

	.opencampus2019Module02 .tit01 {
		text-align: center;
		width: 781px;
		margin: 0 auto -44px;
	}

	.opencampus2019Module02 .tit01 img {
		width: 100%;
	}

	.opencampus2019Module02 .innerWrap {
		background-image: url("/oc/asset/img/new/common/bg_newIntroduction.png");
		background-size: 376px 515px;
		background-position: left top;
		overflow: hidden;
		padding: 54px 0 66px;
	}

	.opencampus2019Module02 .inner {
		width: 1090px;
		margin: 0 auto;
	}

	.opencampus2019Module02 .inner .photo01 {
		width: 520px;
		float: left;
	}

	.opencampus2019Module02 .inner .photo01 img {
		width: 100%;
	}

	.opencampus2019Module02 .inner .txtBox {
		width: 570px;
		float: left;
		padding: 45px 0 0 60px;
	}

	.opencampus2019Module02 .inner .txtBox .name01 {
		font-size: 24px;
		line-height: 1.6;
	}

	.opencampus2019Module02 .inner .txtBox .txt01 {
		padding: 29px 0 0;
		font-size: 14px;
		font-weight: bold;
	}

	/* -------202304¸ÄÐÞ·Ö£¨PC£©------- */
	.opencampus2023Module02.opencampus2019Module02 {
		margin: 78px 0 0;
		padding: 0;
	}
	/* -------202304¸ÄÐÞ·Ö£¨PC£©¤³¤³¤Þ¤Ç------- */
}

/*-----------------------
.opencampus2019Module03
-----------------------*/
.opencampus2019Module03 .firsttxt {
	margin: 16px 0 0;
	line-height: 2;
}

.opencampus2019Module03 .list01 .tit01 {
	margin: 26px 0 0;
	font-weight: bold;
	color: #ff9427;
}

.opencampus2019Module03 .list01 .txt01 {
	margin: 22px 0 0;
	line-height: 2;
}

/* -------202304¸ÄÐÞ·Ö£¨SP£©------- */
.opencampus2023Module03.opencampus2019Module03 {
	margin-top: 95px;
	margin-bottom: 113px;
}

.opencampus2023Module03 .opencampus2019TitModule .tit1 .jp {
	letter-spacing: 0.15em;
}

.opencampus2023Module03.opencampus2019Module03 .firsttxt {
	margin: 20px 0 0;
}

.opencampus2023Module03.opencampus2019Module03 .list01 .tit01 {
	letter-spacing: 0.15em;
}

.opencampus2023Module03.opencampus2019Module03 .list01 .txt01 {
	margin: 19px 0 0;
}

.opencampus2023Module03.opencampus2019Module03 .list01 li {
	padding: 43px 0 0;
}

/* -------202304¸ÄÐÞ·Ö£¨SP£©¤³¤³¤Þ¤Ç------- */

@media screen and (max-width: 767px) {
	.opencampus2019Module03 {
		padding: 0 20px;
		margin-top: 64px;
	}

	.opencampus2019Module03 .list01 li {
		padding: 40px 0 0 0;
	}

	.opencampus2019Module03 .list01 .tit01 {
		font-size: 20px;
		font-size: 5.3333333333vw;
	}

	.opencampus2019Module03 .list01 .txt01 {
		font-size: 13px;
		font-size: 3.4666666667vw;
	}

	.opencampus2019Module03 .timetable {
		margin: 72px 0 0;
	}

	.opencampus2019Module03 .timetable .table01 {
		margin: 20px 0 0;
		position: relative;
	}
}

@media screen and (min-width: 768px), print {
	.opencampus2019Module03 .firsttxt {
		font-size: 14px;
		margin: 32px 0 0;
	}

	.opencampus2019Module03 .list01 {
		width: 1080px;
		margin: 0px auto 0;
		overflow: hidden;
	}

	.opencampus2019Module03 .list01 li {
		width: 240px;
		float: left;
		margin: 62px 40px 0 0;
	}

	.opencampus2019Module03 .list01 li:nth-of-type(4n) {
		margin: 70px 0px 0 0;
	}

	.opencampus2019Module03 .list01 li:nth-of-type(4n + 1) {
		clear: both;
	}

	.opencampus2019Module03 .list01 li .photo01 img {
		width: 240px;
	}

	.opencampus2019Module03 .list01 li .tit01 {
		font-size: 20px;
		margin: 28px 0 0;
	}

	.opencampus2019Module03 .list01 li .txt01 {
		font-size: 14px;
		margin: 20px 0 0;
	}

	.opencampus2019Module03 .timetable {
		width: 1080px;
		margin: 106px auto 0;
		text-align: center;
	}

	.opencampus2019Module03 .timetable .tit02 {
		width: 456px;
		display: block;
		margin: 0 auto;
	}

	.opencampus2019Module03 .timetable img {
		width: 100%;
	}

	.opencampus2019Module03 .timetable .pic03 {
		margin: 88px 0 0;
	}

	/* -------202304¸ÄÐÞ·Ö£¨PC£©------- */
	.opencampus2023Module03.opencampus2019Module03 {
		margin-top: 112px;
		margin-bottom: 200px;
	}

	.opencampus2023Module03.opencampus2019Module03 .firsttxt {
		line-height: 1.857142857142857;
		margin: 33px 0 0;
	}

	.opencampus2023Module03.opencampus2019Module03 .list01 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 40px;
		row-gap: 53px;
		margin-top: 65px;
	}

	.opencampus2023Module03.opencampus2019Module03 .list01 li {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.opencampus2019Module03 .list01 li .photo01 img {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}

	.opencampus2023Module03.opencampus2019Module03 .list01 .txt01 {
		letter-spacing: 0.04em;
	}
	/* -------202304¸ÄÐÞ·Ö£¨PC£©¤³¤³¤Þ¤Ç------- */
}

.opencampus2019Module03 .list01 a {
	display: inline-block;
}

/*-----------------------
.opencampus2019Module04
-----------------------*/
.opencampus2019Module04 .innerWrap {
	padding: 42px 20px;
	background-image: url("/oc/asset/img/new/common/bg_newIntroduction.png");
	background-size: 376px 515px;
	background-position: left top;
}

@media screen and (max-width: 767px) {
	.opencampus2019Module04 .innerWrap {
		position: relative;
		z-index: 1;
	}

	.opencampus2019Module04 .innerWrap::after {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		height: 240px;
	}

	.opencampus2019Module04 {
		margin: 50px 0 0;
	}

	.opencampus2019Module04 .tit01 {
		padding: 0 20px;
		display: block;
	}

	.opencampus2019Module04 .tit02 {
		font-size: 20px;
		font-size: 5.3333333333vw;
		font-weight: bold;
		margin: 10px 0 0;
	}

	.opencampus2019Module04 .tit02 .w {
		color: #fff;
		background: #ff9427;
		display: inline-block;
		padding: 0px 5px;
		letter-spacing: 0.1em;
		line-height: 24px;
	}

	.opencampus2019Module04 .txt01 {
		font-size: 13px;
		font-size: 3.4666666667vw;
		font-weight: bold;
		line-height: 2;
		margin: 22px 0 0;
	}

	.opencampus2019Module04 .photo01 {
		padding: 0 30px;
	}

	.opencampus2019Module04 .photo02 {
		padding: 0 15px;
		margin-top: 24px;
	}
}

@media screen and (min-width: 768px), print {
	.opencampus2019Module04 {
		margin: 120px 0 0;
	}

	.opencampus2019Module04 .innerWrap {
		padding: 32px 20px;
	}

	.opencampus2019Module04 .tit01 {
		text-align: center;
		width: 641px;
		margin: 0 auto;
	}

	.opencampus2019Module04 .tit01 img {
		width: 100%;
	}

	.opencampus2019Module04 .tit02 {
		font-size: 26px;
		font-weight: bold;
		margin: 10px 0 0;
	}

	.opencampus2019Module04 .tit02 .w {
		color: #fff;
		background: #ff9427;
		display: inline-block;
		padding: 3px 5px;
		letter-spacing: 0.1em;
	}

	.opencampus2019Module04 .txt01 {
		font-size: 14px;
		margin: 35px 0 0;
		font-weight: bold;
	}

	.opencampus2019Module04 .inner {
		width: 1100px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
	}

	.opencampus2019Module04 .txtWrap {
		position: absolute;
		top: 60px;
		left: 50%;
		margin: 0 0 0 -260px;
		width: 520px;
		text-align: center;
	}

	.opencampus2019Module04 .photo01 {
		float: left;
		width: 290px;
	}

	.opencampus2019Module04 .photo01 img {
		width: 100%;
	}

	.opencampus2019Module04 .photo02 {
		float: right;
		width: 305px;
	}

	.opencampus2019Module04 .photo02 img {
		width: 100%;
	}
}

/*-----------------------
.opencampus2019Module05
-----------------------*/
.opencampus2019Module05 .inner {
	padding: 30px 20px;
}

.opencampus2019Module05 .list01 li {
	margin: 32px 0 0;
	background: #3ccc84;
	padding: 25px 15px;
	text-align: center;
	color: #fff;
}

.opencampus2019Module05 .list01 li + li {
	margin-top: 15px;
}

.opencampus2019Module05 .list01 li .name01 {
	position: relative;
}

.opencampus2019Module05 .list01 li .name01:after {
	content: "";
	display: block;
	width: 30px;
	margin: 10px auto 0;
	border-bottom: solid 4px #fff;
}

.opencampus2019Module05 .list01 li a {
	color: #fff;
}

.opencampus2019Module05 .list01 li a .txt02 {
	color: #fff;
}

@media screen and (max-width: 767px) {
	.opencampus2019Module05 {
		margin: 30px 0 0;
	}

	.opencampus2019Module05 .tit01 {
		padding: 0 20px;
		display: block;
	}

	.opencampus2019Module05 .txt01 {
		font-size: 13px;
		font-size: 3.4666666667vw;
		font-weight: bold;
		margin: 20px 0 0;
		text-align: center;
	}

	.opencampus2019Module05 .name01 {
		font-size: 20px;
		font-size: 5.3333333333vw;
		font-weight: bold;
	}

	.opencampus2019Module05 .txt02 {
		font-size: 14px;
		font-size: 3.7333333333vw;
		font-weight: bold;
		margin: 10px 0 0;
	}
}

@media screen and (min-width: 768px), print {
	.opencampus2019Module05 .txt01 {
		font-size: 14px;
		font-weight: bold;
		margin: 32px 0 0;
		text-align: center;
	}

	.opencampus2019Module05 .photo02 {
		display: block;
		width: 1010px;
		margin: 30px auto 0;
	}

	.opencampus2019Module05 .photo02 img {
		width: 1010px;
	}

	.opencampus2019Module05 .name01 {
		font-size: 20px;
		font-weight: bold;
	}

	.opencampus2019Module05 .txt02 {
		font-size: 14px;
		font-weight: bold;
		margin: 10px 0 0;
	}

	.opencampus2019Module05 .list01 {
		width: 1140px;
		margin: 18px auto 0;
		text-align: center;
	}

	.opencampus2019Module05 .list01 li {
		width: 334px;
		height: 150px;
		display: inline-block;
		position: relative;
		margin: 35px 20px 0;
	}

	.opencampus2019Module05 .list01 li div {
		width: 300px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

/*-----------------------
.opencampus2019Module06
-----------------------*/
.opencampus2019Module06 {
	padding: 70px 0 0 0;
}

.opencampus2019Module06 .titBox01 {
	position: relative;
	overflow: hidden;
}

.opencampus2019Module06 .titBox01 .tit01 {
	float: left;
	position: relative;
	left: 20px;
	font-weight: bold;
	border-bottom: solid 6px #3ccc84;
}

.opencampus2019Module06 .titBox01 .tit01.type2 {
	border-bottom: solid 6px #5ed7f4;
}

.opencampus2019Module06 .inner02 {
	margin: 20px 0 0;
}

.opencampus2019Module06 .txt02 {
	font-weight: bold;
	text-align: left;
}

.opencampus2019Module06 .txt03 {
	font-weight: bold;
	text-align: left;
}

/* -------202304¸ÄÐÞ·Ö£¨SP£©------- */
.opencampus2023Module06.opencampus2019Module06 {
	padding: 62px 0 0 0;
}

.opencampus2023Module06 .opencampus2019TitModule .tit1 small {
	padding-bottom: 3px;
}

.opencampus2023Module06 .opencampus2019TitModule .tit1 .jp {
	letter-spacing: 0.15em;
}

.opencampus2023Module06.opencampus2019Module06 .titBox01 .tit01 {
	border-bottom: solid 6px #34bdd6;
}

.opencampus2023Module06 .scheduleModule02Item {
	padding: 34px 0 30px;
}

.opencampus2023Module06 .scheduleModule02Text01 {
	display: flex;
	justify-content: center;
}

.opencampus2023Module06 .scheduleModule02Text01 small {
	height: fit-content;
	margin: 0 0 0 10px;
}
.opencampus2023Module06 .btnType01 {
	margin: 40px 20px 0;
	padding: 25px 0 24px;
}

/* -------202304¸ÄÐÞ·Ö£¨SP£©¤³¤³¤Þ¤Ç------- */

@media screen and (max-width: 767px) {
	.opencampus2019Module06 .titBox01 {
		padding: 44px 20px 36px;
	}

	.opencampus2019Module06 .titBox01 .tit01 {
		font-size: 24px;
		font-size: 6.4vw;
	}

	.opencampus2019Module06 .titBox01 .ico01 {
		display: block;
		float: left;
		width: 32vw;
	}

	.opencampus2019Module06 .titBox01 .ico01.type2 {
		position: relative;
		top: 5vw;
	}

	.opencampus2019Module06 .inner02 .scheduleModule02 {
		position: relative;
		top: -26px;
	}

	.opencampus2019Module06 .scheduleModule02--blue .scheduleModule02Item {
		background: #5ed7f4;
	}

	.opencampus2019Module06 .scheduleModule02--blue .scheduleModule02Text02 {
		color: #5ed7f4;
	}

	.opencampus2019Module06 .list {
		overflow: hidden;
	}

	.opencampus2019Module06 .list li {
		margin: 0px 0 0;
	}

	.opencampus2019Module06 .list li .photo01 {
		padding: 0 0 0 20px;
	}

	.opencampus2019Module06 .list li .txtBox01 {
		background-image: url("/oc/asset/img/new/common/bg_newIntroduction02.png");
		background-size: 376px 561px;
		background-position: left top;
		position: relative;
		right: 20px;
		padding: 34px 20px 50px 40px;
		color: #000;
	}

	.opencampus2019Module06 .list li .txtBox01 .tit02 {
		display: inline-block;
		font-size: 24px;
		font-size: 6.4vw;
		font-weight: bold;
		border-bottom: solid 5px #000;
	}

	.opencampus2019Module06 .list li .txtBox01 .tit03 {
		margin: 15px 0 0;
		padding: 2px 15px;
		display: inline-block;
		font-size: 16px;
		font-size: 4.2666666667vw;
		color: #fff;
		font-weight: bold;
		background: #5ed7f4;
	}

	.opencampus2019Module06 .list li .txtBox01 .txt01 {
		display: block;
		margin: 26px 0 0;
		font-size: 13px;
		font-weight: bold;
		line-height: 2;
	}

	.opencampus2019Module06 .txt02 {
		text-align: left;
		margin-top: 30px;
		margin-bottom: -30px;
		padding: 0px 20px 30px;
	}

	.opencampus2019Module06 .txt03 {
		text-align: left;
		margin-top: -10px;
		padding: 0px 20px 30px;
	}
}

@media screen and (min-width: 768px), print {
	.opencampus2019Module06 .titBox01 {
		width: 520px;
		margin: 0 auto;
		padding: 50px 0px 30px;
		position: relative;
		left: -50px;
	}

	.opencampus2019Module06 .titBox01.type2 {
		width: 720px;
	}

	.opencampus2019Module06 .titBox01.type2 .tit01 {
		font-size: 26px;
		padding: 40px 0 10px;
		border-bottom: solid 6px #5ed7f4;
	}

	.opencampus2019Module06 .titBox01 .tit01 {
		font-size: 26px;
		padding: 40px 0 10px;
		border-bottom: solid 6px #3ccc84;
	}

	.opencampus2019Module06 .titBox01 .ico01 {
		display: block;
		float: left;
		width: 120px;
	}

	.opencampus2019Module06 .titBox01 .ico01 img {
		width: 100%;
	}

	.opencampus2019Module06 .titBox01 .ico01.type2 {
		position: relative;
	}

	.opencampus2019Module06 .list {
		min-width: 1220px;
		position: relative;
	}

	.opencampus2019Module06 .list li {
		clear: both;
		position: relative;
		margin: 0px 0 0;
	}

	.opencampus2019Module06 .list li .photo01 {
		float: right;
		width: 600px;
		position: absolute;
		top: 40px;
		right: 50%;
		margin: 0 -645px 0 0px;
	}

	.opencampus2019Module06 .list li .photo01 img {
		width: 100%;
	}

	.opencampus2019Module06 .list li .txtBox01 {
		margin: 0 0 0 -20px;
		width: 60%;
		max-width: 646px;
		left: 50%;
		margin: 0 0 0 -600px;
		position: relative;
		top: 0px;
		padding: 66px 80px 100px;
		background-image: url("/oc/asset/img/new/common/bg_newIntroduction02.png");
		background-size: 376px 561px;
		background-position: left top;
	}

	.opencampus2019Module06 .list li .txtBox01 .tit02 {
		display: inline-block;
		font-size: 26px;
		font-weight: bold;
		border-bottom: solid 4px #000;
		padding: 0 0 10px;
	}

	.opencampus2019Module06 .list li .txtBox01 .tit03 {
		margin: 15px 0 0 10px;
		padding: 2px 15px;
		display: inline-block;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		background: #5ed7f4;
	}

	.opencampus2019Module06 .list li .txtBox01 .txt01 {
		font-size: 14px;
		font-weight: bold;
		margin: 40px 0 0;
	}

	.opencampus2019Module06 .inner02 {
		padding: 0 0 10px;
		overflow: hidden;
	}

	.opencampus2019Module06 .inner02 .scheduleModule02 {
		width: 506px;
		position: absolute;
		left: 50%;
		margin: -58px 0 0 -506px;
	}

	.opencampus2019Module06 .txt02 {
		text-align: center;
		margin-top: 40px;
	}

	.opencampus2019Module06 .txt03 {
		text-align: center;
		margin-top: 80px;
	}

	/* -------202304¸ÄÐÞ·Ö£¨PC£©------- */
	.opencampus2023Module06.opencampus2019Module06 {
		margin: 7px 0 0;
	}

	.opencampus2023Module06 .opencampus2019TitModule .tit1 small {
		padding-bottom: 0;
	}

	.opencampus2023Module06 .scheduleModule02Item {
		gap: 20px;
		padding: 34px 0 30px;
	}

	.opencampus2023Module06 .scheduleModule02Text01 {
		margin-top: 0;
	}

	.opencampus2023Module06 .scheduleModule02Text02 {
		margin: -5px 0 0;
	}

	.opencampus2023Module06 .btnType01 {
		width: 600px;
		font-size: 16px;
		margin: 81px auto 0;
		padding: 36px 0 38px !important;
	}

	.opencampus2023Module06 .btnType01::after {
		right: 32px;
		width: 24px;
		height: 24px;
	}

	.opencampus2023Module06 .btnType01:hover {
		width: 540px;
	}
	/* -------202304¸ÄÐÞ·Ö£¨PC£©¤³¤³¤Þ¤Ç------- */
}

/*-----------------------
.opencampus.accessModule01
-----------------------*/
.access.opencampus {
	background-image: url("/oc/asset/img/new/common/bg_newIntroduction02.png");
	background-size: 376px 561px;
	background-position: left top;
}

@media screen and (max-width: 767px) {
	.access.opencampus {
		margin: 80px 0 0 0;
	}

	.access.opencampus .pic01 {
		position: relative;
		top: -40px;
	}

	.access.opencampus .tit01 {
		display: block;
		width: calc(100% - 40px);
		max-width: 326px;
		margin: 0 auto;
		position: relative;
		top: -4px;
	}

	.access.opencampus .txt01 {
		font-size: 13px;
		font-size: 3.4666666667vw;
		font-weight: bold;
		text-align: center;
		margin-top: 36px;
		line-height: 2;
	}

	.access.opencampus .accessModule01 {
		padding: 30px 20px 60px;
		background: none;
	}

	.access.opencampus .accessModule01 > div .tit {
		border: none;
		border-top: solid 1.3333333333vw #000;
		border-bottom: solid 1.3333333333vw #000;
		border-radius: 0;
		padding: 2.6666vw 0;
		text-align: center;
	}
}

@media screen and (min-width: 768px), print {
	.access.opencampus {
		margin: 130px 0 0 0;
	}

	.access.opencampus > .tit01 {
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: 106px 0 0px;
		width: 306px;
	}

	.access.opencampus > .tit01 img {
		width: 100%;
	}

	.access.opencampus > .txt01 {
		width: 300px;
		margin: 56px auto 0;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
	}

	.access.opencampus .accessImgBox {
		position: relative;
		width: 1080px;
		margin: 0 auto;
		z-index: 2;
	}

	.access.opencampus .accessImgBox .pic02 {
		position: absolute;
		top: -60px;
		left: -143px;
		width: 480px;
	}

	.access.opencampus .accessImgBox .pic02 img {
		width: 100%;
	}

	.access.opencampus .accessImgBox .pic03 {
		position: absolute;
		top: -40px;
		right: 0;
		width: 260px;
	}

	.access.opencampus .accessImgBox .pic03 img {
		width: 100%;
	}

	.access.opencampus .accessModule01 {
		padding: 75px 0 120px;
		background: none;
	}

	.access.opencampus .accessModule01 > div {
		width: 1080px;
	}

	.access.opencampus .accessModule01 div figure {
		width: 520px;
	}

	.access.opencampus .accessModule01 .btnType01 {
		margin: 20px auto 0 auto;
		padding: 28px !important;
		height: 80px;
		font-size: 16px;
	}

	.access.opencampus .accessModule01 .btnType01:hover {
		width: 360px;
	}
}

@media screen and (max-width: 767px) {
	.opencampus .footContModule {
		padding: 0px 20px 0;
	}
}

/*-----------------------
.opencampus2023Module07
-----------------------*/
.opencampus2023Module07 {
	margin: 82px 20px 0;
}

.opencampus2023Module07__headline {
	font-size: 7.466666666666668vw;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.392857142857143;
	text-align: center;
}

.opencampus2023Module07__inner {
	background-image: url(/oc/asset/img/new/common/bg_newIntroduction.png);
	background-size: 376px 515px;
	background-position: left top;
	padding: 28.53333333333333vw 0 32px;
	margin-top: -59px;
}

.opencampus2023Module07__list {
	width: 80vw;
	margin: 0 auto;
}

.opencampus2023Module07__item + .opencampus2023Module07__item {
	margin-top: 55px;
}

.opencampus2023Module07__item:nth-child(3) .opencampus2023Module07__item_inner {
	padding: 28px 0 30px;
}

.opencampus2023Module07__item:nth-child(3)
	.opencampus2023Module07__item_subTxt {
	position: relative;
}

.opencampus2023Module07__item:nth-child(3)
	.opencampus2023Module07__item_subTxt::after {
	position: absolute;
	right: 0;
	bottom: 0;
	content: "¡ù";
}

.opencampus2023Module07__item:nth-child(3)
	.opencampus2023Module07__item_mainTxt {
	font-size: 5.866666666666666vw;
	letter-spacing: 0.05em;
	line-height: 1.772727272727273;
	margin-top: 7px;
}

.opencampus2023Module07__item:nth-child(3)
	.opencampus2023Module07__item_mainTxt
	.dot {
	letter-spacing: -0.08em;
}

.opencampus2023Module07__item_inner {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	border: solid 5px #ff9427;
	background-color: #fff;
	padding: 38px 0 31px;
}

.opencampus2023Module07__item_number {
	position: absolute;
	top: -5.333333333333334vw;
	left: 50%;
	color: #fff;
	font-size: 5.066666666666666vw;
	line-height: 7.733333333333333vw;
	background-color: #ff9427;
	padding: 0 10px 0 9px;
	transform: translateX(-50%);
}

.opencampus2023Module07__item_subTxt {
	font-size: 4.266666666666667vw;
	line-height: 1.5;
	text-align: center;
}

.opencampus2023Module07__item_mainTxt {
	color: #ff9427;
	font-size: 6.933333333333333vw;
	line-height: 1.576923076923077;
	text-align: center;
	margin-top: 15px;
}

.opencampus2023Module07__item_attention {
	font-size: 3.2vw;
	font-weight: bold;
	letter-spacing: 0;
	margin-top: 2.4vw;
}

.opencampus2023Module07__item_attention_item {
	position: relative;
	padding-left: 1em;
}

.opencampus2023Module07__item_attention_item::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "¡ù";
}

.opencampus2023Module07__item_attention_item a {
	text-decoration: underline;
}

@media screen and (min-width: 768px), print {
	.opencampus2023Module07 {
		margin: 120px 0 0;
	}

	.opencampus2023Module07__headline {
		font-size: 30px;
	}

	.opencampus2023Module07__inner {
		width: 1080px;
		margin: -22px auto 0;
		padding: 67px 50px 33px;
	}

	.opencampus2023Module07__list {
		display: flex;
		gap: 40px;
		width: fit-content;
	}

	.opencampus2023Module07__item {
		width: 300px;
	}

	.opencampus2023Module07__item + .opencampus2023Module07__item {
		margin-top: 0;
	}

	.opencampus2023Module07__item_number {
		top: -20px;
		font-size: 19px;
		line-height: 29px;
	}

	.opencampus2023Module07__item_subTxt {
		font-size: 16px;
	}

	.opencampus2023Module07__item_mainTxt {
		font-size: 26px;
	}

	.opencampus2023Module07__item:nth-child(3)
		.opencampus2023Module07__item_mainTxt {
		font-size: 22px;
	}

	.opencampus2023Module07__item_attention {
		margin-top: 2px;
	}

	.opencampus2023Module07__item_attention_item {
		font-size: 11px;
	}

	.opencampus2023Module07__item_attention_item
		+ .opencampus2023Module07__item_attention_item {
		margin-top: -4px;
	}

	.opencampus2023Module07__item_attention_item a {
		width: fit-content;
		font-size: 11px;
	}

	.opencampus2023Module07__item_attention_item a:hover {
		opacity: 0.5;
		text-decoration: underline !important;
	}
}

/*-----------------------
.opencampus2023Module08
-----------------------*/

.opencampus2023Module08 {
	background-image: url(/oc/asset/img/new/common/bg_newIntroduction.png);
	background-size: 376px 515px;
	background-position: left top;
	margin-top: 9.866666666666667vw;
	padding: 22.400000000000002vw 20px 19.2vw;
}

.opencampus2023Module08__inner {
	position: relative;
}

.opencampus2023Module08__en {
	position: absolute;
	top: -4.266666666666667vw;
	left: 50%;
	color: #ff9427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 13.333333333333334vw;
	font-weight: bold;
	letter-spacing: 0.1em;
	opacity: 0.16;
	transform: translateX(-50%);
}

.opencampus2023Module08__headline {
	font-size: 7.466666666666668vw;
	font-weight: bold;
	letter-spacing: 0.15em;
	line-height: 1.714285714285714;
	text-align: center;
	border-bottom: solid 6px #ff9427;
	padding-bottom: 10px;
}

.opencampus2023Module08__text {
	font-size: 3.4666666666666663vw;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 2;
	margin-top: 31px;
}

.opencampus2023Module08__innerLink {
	position: relative;
	display: inline-block;
	font-size: 3.4666666666666663vw;
	text-decoration: underline;
}

.opencampus2023Module08__innerLink::after {
	position: absolute;
	top: 0;
	right: -5.6000000000000005vw;
	content: "";
	height: 4.8vw;
	width: 4.8vw;
	background: no-repeat center;
	background-size: contain;
	background-image: url(/oc/asset/img/new/common/ico_btn-style05.png);
}

.opencampus2023Module08__applyLink {
	font-size: 4vw;
	margin: 32px 0 0;
}

@media screen and (min-width: 768px), print {
	.opencampus2023Module08 {
		margin-top: 80px;
		padding: 93px 0 60px;
	}

	.opencampus2023Module08__inner {
		width: fit-content;
		margin: 0 auto;
	}

	.opencampus2023Module08__en {
		top: -6px;
		font-size: 70px;
	}

	.opencampus2023Module08__headline {
		width: 307px;
		font-size: 28px;
		margin: 0 auto;
	}

	.opencampus2023Module08__text {
		font-size: 14px;
		text-align: center;
		line-height: 1.857142857142857;
		margin-top: 52px;
	}

	.opencampus2023Module08__innerLink {
		font-size: 14px;
	}

	.opencampus2023Module08__innerLink::after {
		top: 2px;
		right: -22px;
		width: 18px;
		height: 18px;
		transition: transform 0.3s ease-in-out;
	}

	.opencampus2023Module08__innerLink:hover {
		text-decoration: underline !important;
	}

	.opencampus2023Module08__innerLink:hover::after {
		transform: translateX(5px);
	}

	.opencampus2023Module08__applyLink {
		width: 550px;
		font-size: 15px;
		margin: 54px auto 0;
		padding: 24px 0 23px !important;
	}

	.opencampus2023Module08__applyLink:hover {
		width: 480px;
	}
}

/*-----------------------
.opencampus2023Module09
-----------------------*/
.opencampus2023Module09 {
	margin: 13.333333333333334vw 27px;
}

@media screen and (min-width: 768px), print {
	.opencampus2023Module09 {
		margin: 94px auto 0;
		width: 887px;
		height: 220px;
	}

	.opencampus2023Module09:hover {
		opacity: 0.5;
	}

	.opencampus2023Module09 img {
		width: 100%;
		object-fit: cover;
	}
}

/*-----------------------
.opencampus .footContModule
-----------------------*/
.opencampus .footContModule .btnStyle03:after {
	background-image: url(/oc/asset/img/new/common/ico_btn-style04.png);
}
