@charset "UTF-8";

/* Infomation 
---------------------------------------------------------------------
File Name :  open_campus_2024.css
Create date :  2022/04/01

// Braek Points
// PC
@media screen and (max-width: 1720px) {
}
@media screen and (max-width: 1099px) {
}
@media screen and (max-width: 979px) {
}
// Tablet
@media screen and (max-width: 767px) {
}
// Phone
@media screen and (max-width: 580px) {
}
---------------------------------------------------------------------
*/
@font-face {
/*
google font unicode-range:
http://ksk1015.github.io/google-fonts-subset-demo/
*/
/*
	font-family: notosans-number;
	src:url("https://use.typekit.net/af/a371b0/00000000000000007735b588/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/a371b0/00000000000000007735b588/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/a371b0/00000000000000007735b588/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
	font-display:auto;
	font-style:normal;
	font-weight:700;
	font-stretch:normal;
	unicode-range: U+0030-0039;
*/
}
.oc-ft-en {
	font-family: objektiv-mk1, sans-serif !important;
	font-style: normal;
}
.oc-ft-bahnschrift {
	font-family: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif !important;
	font-style: normal;
}

/* --------------------------------
	custom-property
	pc: NN/1360
		calc(NN / 1360 * 100vw)
	max-width: 979px
		calc(NN / 768 * 100vw)
	max-width: 767px
		calc(NN / 375 * 100vw)
-------------------------------- */
:root {
	--color-red: #cf0f32;
	--color-blue-01: #0094d8;
	--color-mg-01: #00aae1;
	--color-hs-01: #f08c37;
	--color-gc-01: #00aa5f;
}

/* --------------------------------
	custom-property setting
-------------------------------- */
:root {
	--content-width: 1366;
}
@media screen and (max-width: 767px) {
	:root {
		--content-width: 480;
	}
}

/* --------------------------------
	共通
-------------------------------- */
body {
}
@media screen and (max-width: 767px) {
	body {
		font-size: 3.733vw;
	}
}

#contentArea {
	text-align: left;
}
.font-objektivmk1 {
	font-family: objektiv-mk1, sans-serif;
	font-style: normal;
}
.font-objektivmk1.w400 {
	font-weight: 400;
}
.font-objektivmk1.w700 {
	font-weight: 700;
}
.font-a1gothic {
	font-family: notosans-number, 'Zen Kaku Gothic New', sans-serif;
}
.font-a1gothic.w500 {
	font-weight: 500;
}
.font-a1gothic.w900 {
	font-weight: 900;
}
.font-hiragino-kgp {
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 300;
}
/*
.font-franklin-c {
	font-family: "franklin-gothic-condensed", sans-serif;
	font-weight: 400;
}
.font-franklin-c.w500 {
	font-weight: 500;
}
.font-franklin-c.w600 {
	font-weight: 600;
}
.font-franklin-r {
	font-family: "franklin-gothic-atf", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.font-franklin-r.w600 {
	font-weight: 600;
}
*/

.article-area {
/*
	background-image:
		url(../images/open_campus_2024/index/bg_left.svg),
		url(../images/open_campus_2024/index/bg_right.svg);
	background-position:
		left top,
		right top;
	background-repeat:
		repeat-y,
		repeat-y;
	background-size:
		20.2% auto,
		27.2% auto;
	position: relative;
	z-index: 1;
*/
}
@media screen and (max-width: 767px) {
	.article-area {
		padding-top: 0;
	}
}

/* section */
section + section {
	margin-top: 0
}

/* --------------------------------
	modaal
-------------------------------- */
.open_campus_2024 .modaal-container {
	border-radius: var(--px55);
}
.open_campus_2024 .modaal-content {
	border-radius: var(--px55);;
	overflow: hidden;
}
.open_campus_2024 .modaal-content-container {
	padding: var(--px55);
}

.open_campus_2024 .modaal-close:focus::before,
.open_campus_2024 .modaal-close:focus::after,
.open_campus_2024 .modaal-close:hover::before,
.open_campus_2024 .modaal-close:hover::after {
	background: #fff;
}
.open_campus_2024 .modaal-wrapper .modaal-close {
	background: #686DFF;
}
.open_campus_2024 .modaal-wrapper .modaal-close:hover {
	box-shadow: 3px 3px 0px 0px #3A3D88;
}
.use-modaal {
	display: none;
}
.open_campus_2024 .modaal-wrapper .modaal-close-clone-area {
	position: absolute;
	right: 55px;
	bottom: 40px;
}
@media screen and (max-width: 767px) {
	.open_campus_2024 .modaal-container {
		border-radius: 20px;
	}
	.open_campus_2024 .modaal-content {
		border-radius: 20px;
		overflow: hidden;
	}
	.open_campus_2024 .modaal-content-container {
		padding: var(--px20);
	}
	.open_campus_2024 .modaal-inner-wrapper {
		padding: 80px 0;
	}
	.open_campus_2024 .modaal-wrapper .modaal-close {
		background: #686DFF;
		right: 0;
	}
	.open_campus_2024 .modaal-wrapper .modaal-close-clone-area {
		right: 20px;
	}
}


/* --------------------------------
	mainvisual-area
-------------------------------- */
.mainvisual-area {
	position: relative;
	z-index: 0;
	width: 100%;
	overflow: hidden;
	background-image: url(../images/open_campus_2024/index/mainvisual_bg.jpg);
	background-position: top var(--px42) center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.mainvisual-area.v2025 {
	background-image: url(../images/open_campus_2024/index/mainvisual_bg_v2025.jpg);
}
.mainvisual-area .mainvisual {
}
.mainvisual-area .head-box {
	width: 37.189%;
	margin: 7px auto var(--px15) auto;
}
.mainvisual-area .info-box-01 {
	width: 100%;
	position: relative;
	display: grid;
	grid-template-columns: 15.593% 22.987% 19.034%;
	grid-template-rows: 0.8fr 0.2fr;
	grid-column-gap: 1.977vw;
	grid-row-gap: 0px;
	margin-left: 27.452%;
	padding-bottom: var(--px33);
}
.mainvisual-area .info-box-01 .info-01 { grid-area: 1 / 1 / 3 / 2; }
.mainvisual-area .info-box-01 .info-02 { grid-area: 1 / 2 / 2 / 3; }
.mainvisual-area .info-box-01 .info-03 { grid-area: 2 / 2 / 3 / 3; }
.mainvisual-area .info-box-01 .info-04 { grid-area: 1 / 3 / 3 / 4; }
.mainvisual-area .info-box-01 .info-01 {
	align-self: end;
}
.mainvisual-area .info-box-01 .info-02 {
	align-self: end;
	border-bottom: 1px solid #2c2c2c;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.mainvisual-area .info-box-01 .info-02 p {
	font-size: var(--px20);
	font-weight: 600;
	letter-spacing: 0.05em;
}
.mainvisual-area .info-box-01 .info-02 span.type-01 {
	color: #fff;
	background-color: var(--color-red);
	padding: 0.2em;
}
.mainvisual-area .info-box-01 .info-02 span.type-02 {
	color: var(--color-red);
}
.mainvisual-area .info-box-01 .info-03 {
	align-self: end;
}
.mainvisual-area .info-box-01 .info-03 p.type-01 {
	font-size: var(--px34);
	font-family: "franklin-gothic-atf", sans-serif;
	font-weight: 600;
	line-height: 120%;
	white-space: nowarp;
}
.mainvisual-area .info-box-01 .info-03 p.type-02 {
	font-size: var(--px12);
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 140%;
}
.mainvisual-area .info-box-01 .info-04 {
	justify-self: start;
	align-self: center;
}
.mainvisual-area [class^="info-box-"] .info-05 {
	position: absolute;
	top: -100%;
	left: -6.223%;
	writing-mode: vertical-rl;
}
.mainvisual-area .info-box-02 .info-05.has-xmas:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto auto -13% auto;
	width: 200%;
	height: auto;
	aspect-ratio: 62/42;
	background-image: url(../images/open_campus_2024/index/img_77.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.mainvisual-area [class^="info-box-"] .info-05 p {
	font-size: var(--px20);
	font-weight: 600;
	letter-spacing: 0.3em;
	background-color: #fff;
	padding: 0.5em 0.2em;
	white-space: nowrap;
}
.mainvisual-area [class^="info-box-"] .info-05 span.type-01 {
	color: var(--color-red);
}
.mainvisual-area .info-box-02 {
	width: 100%;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 1.977vw;
	align-items: center;
	margin-left: 27.452%;
	padding-bottom: var(--px33);
}
.mainvisual-area .info-box-02 .info-01 {
	width: calc(15.593% + 22.987%);
	align-self: end;
}
.mainvisual-area .info-box-02 .info-02 {
	width: 19.034%;
	align-self: center;
}
.mainvisual-area .info-box-02 .info-02 .btn-area {
	margin-right: 0;
	text-align: right;
}
.mainvisual-area .info-box-02 .info-06 {
	width: 45.096%;
	align-self: center;
	text-align: center;
}
.mainvisual-area .info-box-02 .info-06 p {
	font-size: var(--px24);
	font-weight: bold;
	color: var(--color-red);
	margin-bottom: var(--px12);
}
.mainvisual-area .info-box-02 .info-06 .btn-area {
	text-align: center;
}
.mainvisual-area .info-box-03 {
	width: 100%;
	position: relative;
	display: grid;
	grid-template-columns: 33.9% 23.9%;
	grid-template-rows: repeat(2, auto);
	grid-column-gap: var(--px60);
	grid-row-gap: var(--px20);
	margin-left: 18%;
	padding-bottom: var(--px33);
}
.mainvisual-area .info-box-03 .info-01 { grid-area: 1 / 1 / 3 / 2; }
.mainvisual-area .info-box-03 .info-02 { grid-area: 1 / 2 / 2 / 3; }
.mainvisual-area .info-box-03 .info-03 { grid-area: 2 / 2 / 3 / 3; }
.mainvisual-area .info-box-03 .info-03 .btn-area {
	text-align: left;
}
.mainvisual-area .info-box-04 {
	width: 100%;
	position: relative;
	display: grid;
	grid-template-columns: 33.9% 23.9%;
	grid-template-rows: repeat(2, auto);
	grid-column-gap: var(--px60);
	grid-row-gap: var(--px20);
	margin-left: 18%;
	padding-bottom: var(--px33);
}
.mainvisual-area .info-box-04 .info-01 { grid-area: 1 / 1 / 3 / 2; }
.mainvisual-area .info-box-04 .info-02 { grid-area: 1 / 2 / 2 / 3; align-self: end; }
.mainvisual-area .info-box-04 .info-03 { grid-area: 2 / 2 / 3 / 3; }
.mainvisual-area .info-box-04 .info-03 .btn-area {
	text-align: left;
}
.mainvisual-area .info-box-05 {
	width: 100%;
	position: relative;
	display: grid;
	grid-template-columns: 33.9% 23.9%;
	grid-template-rows: repeat(2, auto);
	grid-column-gap: var(--px60);
	grid-row-gap: var(--px20);
	margin-left: 18%;
	padding-bottom: var(--px33);
}
.mainvisual-area .info-box-05 .info-01 {
	grid-area: 1 / 1 / 3 / 2;
	height: var(--px180);
}
.mainvisual-area .info-box-05 .info-02 {
	grid-area: 1 / 2 / 2 / 3;
	align-self: end;
}
.mainvisual-area .info-box-05 .info-03 {
	grid-area: 2 / 2 / 3 / 3;
}
.mainvisual-area .info-box-05 .info-03 .btn-area {
	text-align: left;
}
.mainvisual-area .info-box-05 .info-01 img,
.mainvisual-area .info-box-05 .info-02 img {
	height: 100%;
}
@media screen and (max-width: 767px) {
	.mainvisual-area {
		background-image: url(../images/open_campus_2024/index/mainvisual_bg@sp.jpg);
		background-position: top 0 center;
	}
	.mainvisual-area.v2025 {
		background-image: url(../images/open_campus_2024/index/mainvisual_bg_v2025@sp.jpg);
		background-position: top 0 center;
	}
	.mainvisual-area .head-box {
		width: 82.5vw;
		height: 100vw;
		margin: auto;
		padding-top: 16.667vw;
	}
	.mainvisual-area .info-box-01 {
		grid-template-columns: 34.375vw 44.167vw;
		grid-template-rows: repeat(3, auto);
		grid-column-gap: var(--px20);
		grid-row-gap: 0px;
		margin-left: 17.291vw;
		padding-bottom: 0;
	}
	.mainvisual-area .info-box-01 .info-01 { grid-area: 1 / 1 / 3 / 2; }
	.mainvisual-area .info-box-01 .info-02 { grid-area: 3 / 1 / 4 / 3; }
	.mainvisual-area .info-box-01 .info-03 { grid-area: 1 / 2 / 2 / 3; }
	.mainvisual-area .info-box-01 .info-04 { grid-area: 2 / 2 / 3 / 3; }
	.mainvisual-area .info-box-01 .info-02 {
		align-self: end;
		border-bottom: 0;
		margin-top: var(--px23);
		margin-bottom: 0;
		padding-left: var(--px40);
		padding-bottom: var(--px25);
	}
	.mainvisual-area .info-box-01 .info-02 p {
		font-size: var(--px21);
	}
	.mainvisual-area .info-box-01 .info-03 p.type-01 {
		font-size: var(--px29);
	}
	.mainvisual-area .info-box-01 .info-03 p.type-02 {
		font-size: var(--px10);
	}
	.mainvisual-area [class^="info-box-"] .info-05 {
		top: -86%;
		left: calc(var(--px58) * -1);
	}
	.mainvisual-area [class^="info-box-"] .info-05 p {
		font-size: var(--px25);
		padding: 0.5em 0em;
	}
	.mainvisual-area .info-box-02 .info-05.has-xmas {
		top: -115%;
	}
	.mainvisual-area .info-box-02 .info-05.has-xmas:after {
		margin: auto auto -10% auto;
	}
	.mainvisual-area .info-box-02 {
		width: calc(100% - 17.291vw - 5vw);
		margin-left: 17.291vw;
		padding-bottom: 0;
	}
	.mainvisual-area .info-box-02 .info-01 {
		width: 100%;
		margin-bottom: 4.5vw;
	}
	.mainvisual-area .info-box-02 .info-02 {
		width: 100%;
		margin-bottom: 4.5vw;
	}
	.mainvisual-area .info-box-02 .info-06 {
		width: 100%;
		margin: 0 auto;
		padding: var(--px45) 0 var(--px65) 0;
	}
	.mainvisual-area .info-box-02 .info-06 p {
		font-size: var(--px20);
	}
	.mainvisual-area .info-box-03 {
		display: block;
		width: calc(100% - 17.291vw - 17.291vw);
		margin-left: 17.291vw;
	}
	.mainvisual-area .info-box-03 .info-01,
	.mainvisual-area .info-box-03 .info-02 {
		padding-bottom: var(--px33);
	}
	.mainvisual-area .info-box-03 .info-03 .btn-area {
		text-align: center;
	}
	.mainvisual-area .info-box-03 .info-03 .btn-area .btn-01.btn-text-01 {
		font-size: var(--px22);
	}
	.mainvisual-area .info-box-04 {
		grid-template-columns: 35% 39%;
		grid-template-rows: repeat(2, auto);
		grid-column-gap: var(--px10);
		grid-row-gap: var(--px10);
		padding-bottom: var(--px33);
		margin-left: 17.291vw;
	}
	.mainvisual-area .info-box-04 .info-01 { grid-area: 1 / 1 / 2 / 3; }
	.mainvisual-area .info-box-04 .info-02 { grid-area: 2 / 1 / 3 / 2; }
	.mainvisual-area .info-box-04 .info-03 { grid-area: 2 / 2 / 3 / 3; }
	.mainvisual-area .info-box-05 {
		display: flex;
		flex-wrap: wrap;
		row-gap: var(--px20);
		margin-left: 17.291vw;
		padding-bottom: var(--px33);
		padding-right: 33%;
		min-height: 190px;
	}
	.mainvisual-area .info-box-05 .info-01 {
		width: 100%;
		max-height: var(--px120);
	}
	.mainvisual-area .info-box-05 .info-02 {
		display: none;
	}
	.mainvisual-area .info-box-05 .info-02.visible {
		display: block;
		width: 100%;
		height: var(--px70);
	}
	.mainvisual-area .info-box-05 .info-03 {
		width: 100%;
	}
	.mainvisual-area .info-box-05 .info-03 .btn-area {
		text-align: center;
	}
}


/* --------------------------------
	text
-------------------------------- */
sup {
	font-size: 0.6em;
}

.oc-fc01 { color: #000 !important; }
.oc-fc02 { color: #fff !important; }
.oc-fc03 { color: var(--color-red) !important; }
.oc-text-decoration-01 {
	background-color: #ffec34;
	background: linear-gradient(transparent 50%, #ffec34 50%);
}

/* --------------------------------
	layout
-------------------------------- */
.oc-layout-grid {
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.oc-layout-grid .oc-layout-box-w12 {
	clear: both;
	width: 100%;
}
.oc-layout-grid .oc-layout-box-w6.type01 {
	clear: both;
	width: calc((100% - 28px) * 0.500);
}
.oc-layout-grid .oc-layout-box-w6.type01:nth-child(odd) {
	margin-right: 28px;
}
.oc-layout-grid .oc-layout-box-w6.type02 {
	width: 50%;
}
.oc-layout-grid .oc-layout-box-w6.type03L {
	width: calc((100% - 30px) * 0.452);
	margin-right: 30px;
}
.oc-layout-grid .oc-layout-box-w6.type03R {
	width: calc((100% - 30px) * 0.548);
}
.oc-layout-grid .oc-layout-box-w4.type01 {
	clear: both;
	width: calc((100% - 86px) * 0.333);
	margin-right: 43px;
	margin-bottom: 43px;
}
.oc-layout-grid .oc-layout-box-w4.type01:nth-child(3n) {
	margin-right: 0;
}
.oc-layout-grid .oc-layout-order-pc1sp2 { order: 1; }
.oc-layout-grid .oc-layout-order-pc2sp1 { order: 2; }
@media screen and (max-width: 767px) {
	.oc-layout-grid .oc-layout-box-w6.type01 {
		width: 100%;
	}
	.oc-layout-grid .oc-layout-box-w6.type01:nth-child(odd) {
		margin-right: auto;
		margin-bottom: 20px;
	}
	.oc-layout-grid .oc-layout-box-w6.type02 {
		width: 100%;
		margin-bottom: 20px;
	}
	.oc-layout-grid .oc-layout-box-w6.type03L {
		width: 100%;
		margin-right: 0;
	}
	.oc-layout-grid .oc-layout-box-w6.type03R {
		width: 100%;
	}
	.oc-layout-grid .oc-layout-box-w4.type01 {
		width: calc((100% - 16px) * 0.500);
		margin-right: 16px;
		margin-bottom: 16px;
	}
	.oc-layout-grid .oc-layout-box-w4.type01:nth-child(3n) {
		margin-right: 16px;
	}
	.oc-layout-grid .oc-layout-box-w4.type01:nth-child(2n) {
		margin-right: 0;
	}
	.oc-layout-grid .oc-layout-order-pc1sp2 { order: 2; }
	.oc-layout-grid .oc-layout-order-pc2sp1 { order: 1; }
}

.oc-layout-grid.justify-start   { justify-content: flex-start; }
.oc-layout-grid.justify-end     { justify-content: flex-end; }
.oc-layout-grid.justify-center  { justify-content: center; }
.oc-layout-grid.justify-between { justify-content: space-between; }
.oc-layout-grid.justify-around  { justify-content: space-around; }
.oc-layout-grid.align-start     { align-items: flex-start; }
.oc-layout-grid.align-end       { align-items: flex-end; }
.oc-layout-grid.align-center    { align-items: center; }
.oc-layout-grid.wrap-wrap       { flex-wrap: wrap; }
.oc-layout-grid.wrap-nwrap      { flex-wrap: nowrap; }


/* --------------------------------
	heading
-------------------------------- */
.oc-headline-01-area {
}


/* --------------------------------
	oc-logo
-------------------------------- */
.oc-logo01 {
	width: 60%;
	margin: 0 auto;
}
.oc-logo02 {
	width: 70%;
	margin: 0 auto;
	padding: 15px;
	background-color: #f2e509;
}
@media screen and (max-width: 767px) {
	.oc-logo01 {
		width: 100%;
		margin: 0 auto;
	}
	.oc-logo02 {
		width: 100%;
	}
}

/* --------------------------------
	modal-area
-------------------------------- */


/* --------------------------------
	a
-------------------------------- */
.article-area a,
.mainvisual-area a,
.information-area a,
.oc-summer-article-area a {
	color: var(--color-red);
	text-decoration: underline;
}
.article-area a:hover,
.mainvisual-area a:hover,
.information-area a:hover,
.oc-summer-article-area a:hover {
	text-decoration: none;
}
.article-area a.popup,
.oc-summer-article-area a.popup {
	padding-right: 1.2em;
	background: url(../images/open_campus_2024/index/icon_popup.svg) right center no-repeat;
	background-size: 0.9em;
}
.article-area a.search,
.oc-summer-article-area a.search {
	padding: 0.5em 0em 0.5em 2.5em;
	background: url(../images/open_campus_2024/index/icon_search.svg) left center no-repeat;
	background-size: 1.8em;
}
.article-area a.tel,
.oc-summer-article-area a.tel {
	color: unset;
	text-decoration: none;
}

.oc-2024-ver02-type01 a.oc-inlinelink {
	border-bottom: 1px solid var(--color-glb-black-01);
	text-decoration: none;
}
.oc-2024-ver02-type01 a.oc-inlinelink:hover {
	color: var(--color-glb-tygred-01);
	border-bottom: 1px solid var(--color-glb-tygred-01);
	text-decoration: none;
}
.oc-2024-ver02-type01 a.oc-inlinelink {
	margin-left: 1.5em;
	position: relative;
}
.oc-2024-ver02-type01 a.oc-inlinelink:before {
	display: inline-block;
	position: absolute;
	content: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj48Zz48Y2lyY2xlIHN0eWxlPSJmaWxsOiNkMDEwMzE7IiBjeD0iMTI1IiBjeT0iMTI1IiByPSIxMjUiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojZmZmOyIgcG9pbnRzPSIxOTQuNDQgMTI1IDEzOC44OSAxNTcuMDggODMuMzMgMTg5LjE1IDgzLjMzIDEyNSA4My4zMyA2MC44NSAxMzguODkgOTIuOTIgMTk0LjQ0IDEyNSIvPjwvZz48L3N2Zz4=');
	height: 1em;
	width: 1em;
	top: 0.2em;
	bottom: 0;
	margin: auto;
	line-height: 100%;
	left: -1.3em;
	text-indent: 0;
}

/* --------------------------------
	btn
-------------------------------- */
.btn-area {
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.mypage-btn-area {
	margin: var(--px40) auto 0 auto;
}
.article-area .btn-area a,
.oc-summer-article-area .btn-area a,
.mainvisual-area .btn-area a,
.float-area .btn-area a,
.information-area .btn-area a {
	text-decoration: none;
}
.btn-01 {
	display: inline-block;
	position: relative;
}
.btn-01:before {
	content: '';
	position: absolute;
	top: var(--px12);
	width: calc(100% - 10px);
	height: 100%;
	background-color: var(--color-red);
}
.btn-01.type-01:before,
.btn-01.type-03:before {
	right: calc(var(--px17) * -1);
	clip-path: polygon(0 0, calc(100% - var(--px20)) 0%, 100% 100%, 0% 100%);
}
.btn-01.type-02:before {
	left: calc(var(--px17) * -1);
	clip-path: polygon(var(--px20) 0, 100% 0%, 100% 100%, 0% 100%);
}
.btn-01 .btn-inner {
	display: inline-block;
	position: relative;
	top: 0;
	background-color: var(--color-red);
	overflow: hidden;
	transition: transform .3s ease;
}
.btn-01.type-01 .btn-inner,
.btn-01.type-03 .btn-inner {
	right: 0;
	clip-path: polygon(0 0, calc(100% - var(--px20)) 0%, 100% 100%, 0% 100%);
}
.btn-01.type-01 .btn-inner {
	padding: 1em 1.5em 1em 0.7em;
}
.btn-01.type-02 .btn-inner {
	left: 0;
	padding: 1em 0.7em 1em 1.5em;
	clip-path: polygon(var(--px20) 0, 100% 0%, 100% 100%, 0% 100%);
}
.btn-01.type-03 .btn-inner {
	padding: 1.5em 3em 1.5em 1.4em;
}
.btn-01.type-01:hover .btn-inner,
.btn-01.type-03:hover .btn-inner {
	transform: translate(var(--px17), var(--px11));
}
.btn-01.type-02:hover .btn-inner {
	transform: translate(calc(var(--px17) * -1), var(--px11));
}
.btn-01 .btn-inner:before {
	content: '';
	position: absolute;
	inset: 4px;
	background-color: #fff;
	z-index: -1;
}
.btn-01.type-01 .btn-inner:before,
.btn-01.type-03 .btn-inner:before {
	clip-path: polygon(0 0, calc(100% - var(--px19)) 0%, calc(100% - 2px) 100%, 0% 100%);
}
.btn-01.type-02 .btn-inner:before {
	clip-path: polygon(var(--px19) 0, 100% 0%, 100% 100%, 2px 100%);
}

.btn-01.btn-text-01,
.btn-01.btn-text-02,
.btn-01.btn-text-03,
.btn-01.btn-text-04 {
	font-weight: bold;
	line-height: 100%;
	letter-spacing: 0.05em;
	color: var(--color-red);
}
.btn-01.btn-text-01,
.btn-01.btn-text-02 {
	font-size: var(--px19);
}
.btn-01.btn-text-03,
.btn-01.btn-text-04 {
	font-size: var(--px22);
}
.btn-01.btn-text-01,
.btn-01.btn-text-04  {
	color: var(--color-red);
}
.btn-01.btn-text-02,
.btn-01.btn-text-03 {
	color: #2c2c2c;
}
.btn-01.btn-text-01 span.has-icon,
.btn-01.btn-text-02 span.has-icon,
.btn-01.btn-text-03 span.has-icon,
.btn-01.btn-text-04 span.has-icon {
	position: relative;
	padding-right: 1.1em;
}
.btn-01.btn-text-01 span.has-icon:after,
.btn-01.btn-text-02 span.has-icon:after,
.btn-01.btn-text-03 span.has-icon:after,
.btn-01.btn-text-04 span.has-icon:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.btn-01.btn-text-01 span.has-icon:after,
.btn-01.btn-text-04 span.has-icon:after {
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj48Zz48Y2lyY2xlIHN0eWxlPSJmaWxsOiNkMDEwMzE7IiBjeD0iMTI1IiBjeT0iMTI1IiByPSIxMjUiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojZmZmOyIgcG9pbnRzPSIxOTQuNDQgMTI1IDEzOC44OSAxNTcuMDggODMuMzMgMTg5LjE1IDgzLjMzIDEyNSA4My4zMyA2MC44NSAxMzguODkgOTIuOTIgMTk0LjQ0IDEyNSIvPjwvZz48L3N2Zz4=');
}
.btn-01.btn-text-02 span.has-icon:after,
.btn-01.btn-text-03 span.has-icon:after {
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj48Zz48Y2lyY2xlIHN0eWxlPSJmaWxsOiMyYzJjMmM7IiBjeD0iMTI1IiBjeT0iMTI1IiByPSIxMjUiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojZmZmOyIgcG9pbnRzPSIxOTQuNDQgMTI1IDEzOC44OSAxNTcuMDggODMuMzMgMTg5LjE1IDgzLjMzIDEyNSA4My4zMyA2MC44NSAxMzguODkgOTIuOTIgMTk0LjQ0IDEyNSIvPjwvZz48L3N2Zz4=');
}
@media screen and (max-width: 767px) {
	.btn-01 {
	}
	.mypage-btn-area {
		margin: var(--px20) auto 0 auto;
	}
	.btn-01:before {
		top: 6px;
		right: -10px;
		clip-path: polygon(0 0, calc(100% - var(--px10)) 0%, 100% 100%, 0% 100%);
	}
	.btn-01 .btn-inner {
		clip-path: polygon(0 0, calc(100% - var(--px10)) 0%, 100% 100%, 0% 100%);
	}
	.btn-01 .btn-inner:before {
		inset: 3px;
		clip-path: polygon(0 0, calc(100% - var(--px10)) 0%, calc(100% - 2px) 100%, 0% 100%);
	}
	.btn-01.type-01:hover .btn-inner,
	.btn-01.type-03:hover .btn-inner {
		transform: translate(var(--px17), 6px);
	}
	.btn-01.type-02:hover .btn-inner {
		transform: translate(calc(var(--px17) * -1), 6px);
	}
	.btn-01.btn-text-01 {
		font-size: var(--px14);
	}
	.btn-01.btn-text-04 {
		font-size: var(--px18);
	}
}

.btn-02 {
	display: inline-block;
	position: relative;
	margin: 0.2em;
}
.btn-02:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	width: calc(100% - 5px);
	height: calc(100% - 5px);
	background-color: transparent;
	border-right:  5px solid var(--color-red);
	border-bottom:  5px solid var(--color-red);
}
.btn-02 .btn-inner {
	position: relative;
	display: inline-block;
	font-size: var(--px18);
	font-weight: bold;
	padding: 0.2em 0.5em;
	border: 5px solid var(--color-red);
	transition: transform .3s ease;
}
.btn-02:hover .btn-inner {
	transform: translate(5px, 5px);
}
.btn-02.btn-text-01 {
	color: #2c2c2c;
}
.btn-02.btn-text-01 .font-franklin-r {
	font-size: var(--px23);
	font-weight: bold;
	color: var(--color-red);
}
@media screen and (max-width: 767px) {
	.btn-02:before {
		left: 6px;
		top: 6px;
		width: calc(100% - 3px);
		height: calc(100% - 3px);
		background-color: transparent;
		border-width: 3px;
	}
	.btn-02 .btn-inner {
		font-size: var(--px15);
		border: 3px solid var(--color-red);
	}
	.btn-02:hover .btn-inner {
		transform: translate(3px, 3px);
	}
}

.btn-03 {
	display: block;
/*
	width: 80%;
	min-width: 420px;
	margin: var(--px20) auto var(--px16) auto;
*/
	max-width: 700px;
	margin: 0 auto;
	padding: 0.8em;
	color: #fff;
	font-size: var(--px16);
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	line-height: 100%;
	background-color: var(--color-red);
	white-space: nowrap;

	outline-width: 1px;
	outline-offset: 0;
	outline-color: var(--color-red);
	outline-style: solid;
}
.btn-03.color-02 {
	color: var(--color-red);
	background-color: #fff;
	outline-color: #fff;
}
.btn-03:hover {
	animation: btn-03-hover-anim 1s ease infinite;
}
@keyframes btn-03-hover-anim {
	0% {
		outline-width: 1px;
		outline-offset: 0;
		outline-color: rgba(208, 16, 49, 0);
	}
	20% {
		outline-color: rgba(208, 16, 49, 0.75);
	}
	100% {
		outline-width: 7px;
		outline-offset: 4px;
		outline-color: rgba(208, 16, 49, 0);
	}
}
@media screen and (max-width: 767px) {
	.btn-03 {
/*
		width: 100%;
		min-width: auto;
		margin: 8px auto;
*/
		font-size: var(--px14);
	}
}

.btn-04 {
	position: relative;
	font-size: var(--px25);
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	padding-right: 1.2em;
}
.btn-04:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -0.3em;
	width: 100%;
	border-bottom: 3px solid #fff;
}
.btn-04:hover:before {
	animation: btn-04-anim 1.5s ease-in-out 0s infinite;
}
.btn-04:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 1em;
	height: 1em;
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj48Zz48Y2lyY2xlIHN0eWxlPSJmaWxsOiNmZmY7IiBjeD0iMTI1IiBjeT0iMTI1IiByPSIxMjUiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojZDAxMDMxOyIgcG9pbnRzPSIxOTQuNDQgMTI1IDEzOC44OSAxNTcuMDggODMuMzMgMTg5LjE1IDgzLjMzIDEyNSA4My4zMyA2MC44NSAxMzguODkgOTIuOTIgMTk0LjQ0IDEyNSIvPjwvZz48L3N2Zz4=');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
@keyframes btn-04-anim {
	0%  { left: 0; width: 100%; }
	50% { left: 100%; width: 0%; }
	51% { left: 0; width: 0%; }
	100%{ left: 0; width: 100%; }
}
@media screen and (max-width: 767px) {
	.btn-04 {
	}
}

/* --------------------------------
	oc-2024-ver02-type01
-------------------------------- */
.oc-2024-ver02-type01,
.modaal-content-container {
	margin: 0 auto;
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #2c2c2c;
}
.oc-2024-ver02-type01.font-noto,
.modaal-content-container.font-noto {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
}
.oc-2024-ver02-type01 b,
.oc-2024-ver02-type01 strong {
	font-weight: 600;
}
.oc-2024-ver02-type01 p {
	font-size: var(--px16);
}
.oc-2024-ver02-type01 .container2024-01 {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}
.oc-2024-ver02-type01 .container2024-01.bg-color-01 {
	background-color: var(--color-red);
}
.oc-2024-ver02-type01 .container2024-01.bg-color-02 {
	background-color: #000;
}
.oc-2024-ver02-type01 .container2024-02 {
}
.oc-2024-ver02-type01 .container2024-03 {
	margin: 0 40px;
	padding: 40px;
	background-color: #ccc;
	position: relative;
	z-index: 1;
}
.oc-2024-ver02-type01 .container2024-inner-01 {
	width: min(1366px, 100%);
	margin: 0 auto;
}

/*
 scroll-down
*/
.oc-2024-ver02-type01 .scroll-down {
	padding: var(--px43) 0 var(--px35) 0;
}
.oc-2024-ver02-type01 .scroll-down .text {
	font-family: "franklin-gothic-atf", sans-serif;
	font-weight: 600;
	font-size: var(--px14);
	text-align: center;
	color: #fff;
}
.oc-2024-ver02-type01 .scroll-down .scroll-downer-area {
	position: relative;
	margin: 10px auto 0 auto;
	width: var(--px50);
	height: var(--px50);
}
.oc-2024-ver02-type01 .scroll-down .scroll-downer-icon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: var(--px25);
	fill: #fff;
}
.oc-2024-ver02-type01 .scroll-down .scroll-downer-icon.amin-01 {
	animation: 1s scroll-downer-anim-01 0s infinite;
}
.oc-2024-ver02-type01 .scroll-down .scroll-downer-icon.amin-02 {
	animation: 1s scroll-downer-anim-02 0s infinite;
}
.oc-2024-ver02-type01 .scroll-down .scroll-downer-icon.amin-03 {
	animation: 1s scroll-downer-anim-03 0s infinite;
	top: 15px;
}
@keyframes scroll-downer-anim-01 {
	0%	{opacity:1; transform: translate(0,0);}
	20%	{opacity:1; transform: translate(0,0);}
	80%	{opacity:1; transform: translate(0,15px);}
	90%	{opacity:0; transform: translate(0,15px);}
	100% {opacity:0; transform: translate(0,0);}
}
@keyframes scroll-downer-anim-02 {
	0%	{opacity:0;}
	30%	{opacity:0;}
	80%	{opacity:1;}
	100% {opacity:1;}
}
@keyframes scroll-downer-anim-03 {
	0%	{opacity:1;}
	10%	{opacity:1;}
	20%	{opacity:0;}
	98%	{opacity:0;}
	100% {opacity:1;}
}

/*
 anchors-area
*/
.oc-2024-ver02-type01 .anchors-area {
	margin: 0 auto;
}
.oc-2024-ver02-type01 .anchors-area .anchors-box {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	padding: var(--px24) 0;
}
.oc-2024-ver02-type01 .anchors-area .anchors-box a.anchor-text {
	position: relative;
	width: calc((100% - 5px) / 6);
	font-size: var(--px21);
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.oc-2024-ver02-type01 .anchors-area .anchors-box a.anchor-text + a.anchor-text:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0.2em;
	left: 0;
	width: 1px;
	height: 1.5em;
	background: #fff;
}
.oc-2024-ver02-type01 .anchors-area .anchors-box a.anchor-text .icon {
	display: block;
	position: relative;
	margin: 0.5em auto 0 auto;
	width: 2em;
	height: 1em;
	background-color: transparent;
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3MC43MSAzNS4zNiI+PHBhdGggc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2Utd2lkdGg6MHB4OyIgZD0iTTY2LjQ3LDBsLTMxLjExLDMxLjExTDQuMjQsMEgwbDM1LjM2LDM1LjM2TDcwLjcxLDBoLTQuMjRaIi8+PC9zdmc+');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.oc-2024-ver02-type01 .anchors-area .anchors-box a.anchor-text:hover .icon {
	animation: 0.5s anchorshover-anim 0s ease-out infinite;
}
@keyframes anchorshover-anim {
	0%	{transform: translate(0,0);}
	90%	{transform: translate(0,8px);}
	100% {transform: translate(0,4px);}
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .anchors-area {
		width: 100%;
		overflow-y: hidden;
	}
	.oc-2024-ver02-type01 .anchors-area .anchors-box {
		width: auto;
		justify-content: space-between;
		padding: var(--px18) 0;
	}
	.oc-2024-ver02-type01 .anchors-area .anchors-box a.anchor-text {
		width: auto;
		font-size: var(--px14);
		line-height: 100%;
		padding: 0 2.5em;
		white-space: nowrap;
		flex-grow: 1;
	}
	.oc-2024-ver02-type01 .anchors-area .anchors-box a.anchor-text + a.anchor-text:before {
		top: 0;
		width: 1px;
	}
	.oc-2024-ver02-type01 .anchors-area .anchors-box a.anchor-text .icon {
		display: none;
	}
}

/*
 slide-area-01
*/
.oc-2024-ver02-type01 .slide-area-01 li.slick-slide {
	width: 33%;
	padding: 0 25px;
}
.oc-2024-ver02-type01 .slide-area-01 .photo-01 .caption {
	width: 80%;
	min-width: 420px;
	margin: var(--px20) auto var(--px16) auto;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .slide-area-01 li.slick-slide {
		width: 50%;
		padding: 0 5px;
	}
	.oc-2024-ver02-type01 .slide-area-01 .photo-01 .caption {
		width: 100%;
		min-width: auto;
		margin: 8px auto;
	}
}

/*
 slide-area-02
*/
.oc-2024-ver02-type01 .slide-area-02 li.slick-slide {
	width: 33%;
	padding: 0 10px;
}
.oc-2024-ver02-type01 .slide-area-02 li .oc-program-box-02 {
	width: 100%;
	padding: var(--px28);
	background-color: #e0e0e0;
}
.oc-2024-ver02-type01 .slide-area-02 li .oc-program-box-02 .text-01 {
	font-size: var(--px20);
	padding: var(--px28) var(--px14) 0 var(--px14);
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .slide-area-02 li + li {
		margin-top: var(--px22);
	}
	.oc-2024-ver02-type01 .slide-area-02 li .oc-program-box-02 {
		width: 90%;
		margin: 0 auto;
		padding: var(--px22);
	}
	.oc-2024-ver02-type01 .slide-area-02 li .oc-program-box-02 .text-01 {
		font-size: var(--px13);
		padding: var(--px22) 0 0 0;
	}
}

/*
 slide-area-06
*/
.oc-2024-ver02-type01 .slide-area-06 {
	margin: var(--px10) auto var(--px40) auto;
}
.oc-2024-ver02-type01 .slide-area-06 li.slick-slide {
	padding: 0 10px;
}
.oc-2024-ver02-type01 .slide-area-06 li.slick-slide .slide-inner {
	width: 100%;
	aspect-ratio: 960 / 412;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.oc-2024-ver02-type01 .slide-area-06 li.slick-slide .slide-inner .slide-inner-box {
	width: 100%;
	border: 3px solid #000;
	border-radius: 33px;
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .slide-area-06 li.slick-slide {
		padding: 0 5px;
	}
	.oc-2024-ver02-type01 .slide-area-06 li.slick-slide .slide-inner .slide-inner-box {
		border: 1px solid #000;
		border-radius: 10px;
	}
}

/*
 slick-prev / slick-next
 slick-theme.css hack
*/
/*  */
.oc-2024-ver02-type01 .slide-area-06 .slick-prev,
.oc-2024-ver02-type01 .slide-area-06 .slick-next {
	width: 40px;
	height: 40px;
}
.oc-2024-ver02-type01 .slide-area-06 .slick-prev:before {
	content: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48c3R5bGU+cG9seWdvbntmaWxsOiNiMTAwMjE7fTwvc3R5bGU+PHBvbHlnb24gcG9pbnRzPSIyMDAgNDAwIDIzOC4xNSAzNjEuODUgNzYuMyAyMDAgMjM4LjE1IDM4LjE1IDIwMCAwIDAgMjAwIDIwMCA0MDAiLz48L3N2Zz4K');
}
.oc-2024-ver02-type01 .slide-area-06 .slick-next:before {
	content: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48c3R5bGU+cG9seWdvbntmaWxsOiNiMTAwMjE7fTwvc3R5bGU+PHBvbHlnb24gcG9pbnRzPSIzOC4xNSA0MDAgMCAzNjEuODUgMTYxLjg1IDIwMCAwIDM4LjE1IDM4LjE1IDAgMjM4LjE1IDIwMCAzOC4xNSA0MDAiLz48L3N2Zz4K');
	position: relative;
	right: -16px;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .slide-area-06 .slick-prev,
	.oc-2024-ver02-type01 .slide-area-06 .slick-next {
		width: 30px;
		height: 30px;
	}
	.oc-2024-ver02-type01 .slide-area-06 .slick-prev {
		left: -17px;
	}
	.oc-2024-ver02-type01 .slide-area-06 .slick-next {
		right: -17px;
	}
	.oc-2024-ver02-type01 .slide-area-06 .slick-next:before {
		right: -10px;
	}
}

/*
 slick-dots
*/
.oc-2024-ver02-type01 .slide-area-01 .slick-dots,
.oc-2024-ver02-type01 .slide-area-02 .slick-dots {
	text-align: center;
}
.oc-2024-ver02-type01 .slide-area-01 .slick-dots li,
.oc-2024-ver02-type01 .slide-area-02 .slick-dots li {
	width: 24px;
	height: 8px;
	margin: 0 0 0 12px;
}
.oc-2024-ver02-type01 .slide-area-01 .slick-dots li button,
.oc-2024-ver02-type01 .slide-area-02 .slick-dots li button {
	width: 24px;
	height: 8px;
}
.oc-2024-ver02-type01 .slide-area-01 .slick-dots li button::before,
.oc-2024-ver02-type01 .slide-area-02 .slick-dots li button::before {
	content: '';
	font-family: 'slick';
	font-size: 0;
	line-height: 0;
	width: 24px;
	height: 8px;
	background-color: #b5b5b5;
}
.oc-2024-ver02-type01 .slide-area-01 .slick-dots .slick-active button:before,
.oc-2024-ver02-type01 .slide-area-02 .slick-dots .slick-active button:before {
	background: #f00;
}

/*
 box-has-border
*/
.oc-2024-ver02-type01 .box-top-decoration-area {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.oc-2024-ver02-type01 .box-top-decoration-01 {
	width: min(198px, 20.225vw);
	margin: 0 0 -10px calc(var(--px18) * -1);
}
.oc-2024-ver02-type01 .box-top-decoration-02 {
	width: min(368px, 26.940vw);
	margin: 0 20px -18px 0;
	align-self: flex-end;
}
.oc-2024-ver02-type01 .box-top-decoration-03 {
	width: 100%;
	margin-bottom: var(--px30);
	text-align: center;
}
.oc-2024-ver02-type01 .box-top-decoration-03 .decoration-text-01 {
	display: inline-block;
	position: relative;
	font-size: var(--px50);
	font-weight: 600;
	line-height: 150%;
	text-align: center;
}
.oc-2024-ver02-type01 .box-top-decoration-03 .decoration-text-01 span {
	color: var(--color-red);
}
.oc-2024-ver02-type01 .box-top-decoration-03 .decoration-text-01 span:before,
.oc-2024-ver02-type01 .box-top-decoration-03 .decoration-text-01 span:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: -0.1em;
	left: 0;
	right: 0;
	margin: auto;
	width: 5px;
	height: 1.4em;
	background-color: var(--color-red);
}
.oc-2024-ver02-type01 .box-top-decoration-03 .decoration-text-01 span:before {
	margin-left: -0.5em;
	transform: rotate(-30deg);
}
.oc-2024-ver02-type01 .box-top-decoration-03 .decoration-text-01 span:after {
	margin-right: -0.5em;
	transform: rotate(30deg);
}
.oc-2024-ver02-type01 .box-top-decoration-04 {
	position: absolute;
	z-index: 10;
	width: 15%;
	top: 14%;
	left: 10%;
}
.oc-2024-ver02-type01 .box-has-border {
	position: relative;
	width: 100%;
	padding: 0 20px 20px 0;
	background-color: transparent;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 76px 76px;
}
.oc-2024-ver02-type01 .box-has-border.color-01 {
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NiA3NiI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2QwMTAzMTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjEwcHg7IiBkPSJNNzEsNWMwLDM2LjMtMjkuNyw2Ni02Niw2NiIvPjwvc3ZnPg==');
}
.oc-2024-ver02-type01 .box-has-border.color-02 {
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NiA3NiI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjEwcHg7IiBkPSJNNzEsNWMwLDM2LjMtMjkuNyw2Ni02Niw2NiIvPjwvc3ZnPg==');
}
.oc-2024-ver02-type01 .box-has-border.color-03 {
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NiA3NiI+PHBhdGggc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzAwOTRkODtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjEwcHg7IiBkPSJNNzEsNWMwLDM2LjMtMjkuNyw2Ni02Niw2NiIvPjwvc3ZnPg==');
}
.oc-2024-ver02-type01 .box-has-border:before,
.oc-2024-ver02-type01 .box-has-border:after {
	content: '';
	display: inline-block;
	position: absolute;
}
.oc-2024-ver02-type01 .box-has-border:before {
	top: 45px;
	right: 0;
	width: 10px;
	height: calc(100% - 45px - 67px);
	border-radius: 10px;
}
.oc-2024-ver02-type01 .box-has-border:after {
	left: 45px;
	bottom: 0;
	width: calc(100% - 45px - 67px);
	height: 10px;
	border-radius: 10px;
}
.oc-2024-ver02-type01 .box-has-border.color-01:before,
.oc-2024-ver02-type01 .box-has-border.color-01:after {
	background: var(--color-red);
}
.oc-2024-ver02-type01 .box-has-border.color-02:before,
.oc-2024-ver02-type01 .box-has-border.color-02:after {
	background: #fff;
}
.oc-2024-ver02-type01 .box-has-border.color-03:before,
.oc-2024-ver02-type01 .box-has-border.color-03:after {
	background: var(--color-blue-01);
}
.oc-2024-ver02-type01 .box-has-border .box-has-border-inner {
	background-color: #fff;
	border-radius: 55px;
	overflow: hidden;
}
.oc-2024-ver02-type01 .box-has-border.color-01 .box-has-border-inner { border: 10px solid var(--color-red); background-color: var(--color-red); }
.oc-2024-ver02-type01 .box-has-border.color-02 .box-has-border-inner { border: 10px solid #fff; }
.oc-2024-ver02-type01 .box-has-border.color-03 .box-has-border-inner { border: 10px solid var(--color-blue-01); background-color: var(--color-blue-01); }
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .box-top-decoration-01 {
		width: 37.083vw;
		margin: 0 0 -10px -4px;
	}
	.oc-2024-ver02-type01 .box-top-decoration-02 {
		width: 47.917vw;
		margin: 0 12px -8px 0;
	}
	.oc-2024-ver02-type01 .box-top-decoration-03 {
		margin-bottom: var(--px15);
	}
	.oc-2024-ver02-type01 .box-top-decoration-03 .decoration-text-01 {
		font-size: var(--px30);
	}
	.oc-2024-ver02-type01 .box-top-decoration-03 .decoration-text-01 span {
	}
	.oc-2024-ver02-type01 .box-top-decoration-03 .decoration-text-01 span:before,
	.oc-2024-ver02-type01 .box-top-decoration-03 .decoration-text-01 span:after {
		width: 3px;
	}
	.oc-2024-ver02-type01 .box-top-decoration-04 {
		width: 25%;
		top: 7%;
		left: -4%;
	}
	.oc-2024-ver02-type01 .box-has-border {
		padding: 0 12px 12px 0;
		background-size: 38px 38px;
	}
	.oc-2024-ver02-type01 .box-has-border:before {
		top: 24px;
		width: 5px;
		height: calc(100% - 24px - 33px);
		border-radius: 5px;
	}
	.oc-2024-ver02-type01 .box-has-border:after {
		left: 24px;
		width: calc(100% - 24px - 33px);
		height: 5px;
		border-radius: 5px;
	}
	.oc-2024-ver02-type01 .box-has-border .box-has-border-inner {
		padding: 0;
		background-color: #fff;
		border-radius: 24px;
	}
	.oc-2024-ver02-type01 .box-has-border.color-01 .box-has-border-inner,
	.oc-2024-ver02-type01 .box-has-border.color-02 .box-has-border-inner,
	.oc-2024-ver02-type01 .box-has-border.color-03 .box-has-border-inner {
		border-width: 5px;
	}
}

/*
 box-has-edge
*/
.oc-2024-ver02-type01 .box-has-edge {
	position: relative;
	width: min(1100px, 100%);
	margin: var(--px55) auto 0 auto;
	padding: var(--px25);
	background-color: transparent;
	background-image:
		url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNjAgMjYwIj48cG9seWxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2QwMTAzMTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjEwcHg7IiBwb2ludHM9IjUgMjU1IDUgNSAyNTUgNSIvPjwvc3ZnPg=='),
		url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNjAgMjYwIj48cG9seWxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2QwMTAzMTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjEwcHg7IiBwb2ludHM9IjI1NSA1IDI1NSAyNTUgNSAyNTUiLz48L3N2Zz4=');
	background-position:
		left top,
		right bottom;
	background-repeat:
		no-repeat,
		no-repeat;
	background-size:
		260px 260px,
		260px 260px;
}
.oc-2024-ver02-type01 .box-has-edge-inner {
	width: 100%;
	margin: 0 auto;
	border: 10px solid var(--color-red);
	border-top: none;
	border-radius: 8px;
	padding-bottom: var(--px30);
}
.oc-2024-ver02-type01 .box-has-edge-inner .title-area {
	width: calc(100% + 20px);
	margin: 0 -10px calc(var(--px80) * -1) -10px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	text-align: center;
}
.oc-2024-ver02-type01 .box-has-edge-inner .title-area .line-01 {
	flex-grow: 1;
	background-color: var(--color-red);
	height: 10px;
	border-radius: 10px;
}
.oc-2024-ver02-type01 .box-has-edge-inner .title-area-inner {
	position: relative;
	width: auto;
	margin: calc(var(--px80) * -1) var(--px60) var(--px80) var(--px60);
	padding: 0 1em;
}
.oc-2024-ver02-type01 .box-has-edge-inner .title-area .caption {
	font-family: "franklin-gothic-atf", sans-serif;
	font-weight: 600;
	font-size: var(--px26);
	text-align: center;
	line-height: 1em;
	margin: 0 auto;
}
.oc-2024-ver02-type01 .box-has-edge-inner .title-area .caption span {
	position: relative;
	display: inline-block;
	padding: 0 1em;
}
.oc-2024-ver02-type01 .box-has-edge-inner .title-area .caption span:before,
.oc-2024-ver02-type01 .box-has-edge-inner .title-area .caption span:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: -0.1em;
	left: 0;
	right: 0;
	margin: auto;
	width: 3px;
	height: 1.4em;
	background-color: #000;
}
.oc-2024-ver02-type01 .box-has-edge-inner .title-area .caption span:before {
	margin-left: 0;
	transform: rotate(-45deg);
}
.oc-2024-ver02-type01 .box-has-edge-inner .title-area .caption span:after {
	margin-right: 0;
	transform: rotate(45deg);
}
.oc-2024-ver02-type01 .box-has-edge-inner .title-area .title {
	font-size: var(--px50);
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	margin: 0.5em auto 0 auto;
	padding: 0 0.2em 0.2em 0.2em;
	background-color: #ffec34;
	background: linear-gradient(transparent 50%, #ffec34 50%);
}
.oc-2024-ver02-type01 .box-has-edge-inner.no-title {
	border-top: 10px solid var(--color-red);
}
.oc-2024-ver02-type01 .box-has-edge-inner .text-area {
	margin: var(--px60) auto;
}
.oc-2024-ver02-type01 .box-has-edge-inner .text-area .text-01 {
	font-size: var(--px26);
	font-weight: 600;
	line-height: 200%;
	text-align: center;
}
.oc-2024-ver02-type01 .box-has-edge-inner .text-area-02 {
	margin: 0 auto var(--px30) auto;
}
.oc-2024-ver02-type01 .box-has-edge-inner .text-area-02 .text-01 {
	font-size: var(--px22);
	font-weight: 600;
	line-height: 200%;
	text-align: center;
}
.oc-2024-ver02-type01 .box-has-edge-inner .text-area-02 .text-01 span {
	border: 3px dotted #898989;
	border-radius: var(--px22);
	padding: 0.1em 1em 0.25em 1em;
}
.oc-2024-ver02-type01 .box-has-edge-inner .text-area-02 .text-02 {
	font-size: var(--px50);
	font-weight: 600;
	line-height: 200%;
	text-align: center;
}
.oc-2024-ver02-type01 .box-has-edge-inner .padding-area {
	padding: var(--px60) var(--px90) var(--px30) var(--px90);
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .box-has-edge {
		margin: var(--px28) auto 0 auto;
		padding: 0;
		background-color: transparent;
		background: none;
	}
	.oc-2024-ver02-type01 .box-has-edge-inner {
		border-width: 5px;
		border-radius: 4px;
		padding-bottom: var(--px16);
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .title-area {
		width: calc(100% + 10px);
		margin: 0 -5px calc(var(--px28) * -1) -5px;
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .title-area .line-01 {
		height: 5px;
		border-radius: 5px;
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .title-area-inner {
		margin: calc(var(--px28) * -1) 0 var(--px28) 0;
		padding: 0 1em;
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .title-area .caption {
		font-size: var(--px12);
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .title-area .title {
		font-size: var(--px20);
	}
	.oc-2024-ver02-type01 .box-has-edge-inner.no-title {
		border-top-width: 5px;
		border-top-radius: 4px;
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .text-area {
		margin: var(--px12) auto;
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .text-area .text-01 {
		font-size: var(--px14);
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .text-area-02 {
		margin: 0 auto var(--px12) auto;
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .text-area-02 .text-01 {
		font-size: var(--px16);
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .text-area-02 .text-01 span {
		border: 2px dotted #898989;
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .text-area-02 .text-02 {
		font-size: var(--px40);
	}
	.oc-2024-ver02-type01 .box-has-edge-inner .padding-area {
		padding: var(--px32) var(--px16) var(--px16) var(--px16);
	}
}


/*
 article-01
*/
.oc-2024-ver02-type01 .article-01 {
	padding: 10.029vw 0 0 0;
	background-image:
		url('../images/open_campus_2024/index/article01_bg_left.jpg'),
		url('../images/open_campus_2024/index/article01_bg_right.jpg');
	background-position:
		left top,
		right top;
	background-repeat: no-repeat, no-repeat;
	background-size:
		min(371px, 27.160vw) auto,
		min(371px, 27.160vw) auto;
}
.oc-2024-ver02-type01 .article-01.type-02 {
	background-image:
		url('../images/open_campus_2024/index/article01_bg_left_02.jpg'),
		url('../images/open_campus_2024/index/article01_bg_right_02.jpg');
}
.oc-2024-ver02-type01 .article-01.type-03 {
	background-image:
		url('../images/open_campus_2024/index/article01_bg_left_03.jpg'),
		url('../images/open_campus_2024/index/article01_bg_right_03.jpg');
}
.oc-2024-ver02-type01 .article-01.type-04 {
	background-image:
		url('../images/open_campus_2024/index/article01_bg_left_04.jpg'),
		url('../images/open_campus_2024/index/article01_bg_right_04.jpg');
	padding-bottom: 7vw;
}
.oc-2024-ver02-type01 .article-01.type-05 {
	background-image:
		url('../images/open_campus_2024/index/article01_bg_left_05.jpg'),
		url('../images/open_campus_2024/index/article01_bg_right_05.jpg');
/*
	padding-bottom: 3vw;
*/
}
.oc-2024-ver02-type01 .article-01 .article-inner {
}
.oc-2024-ver02-type01 .article-01 .article-inner.type-02 {
	width: auto;
	margin: 0 var(--px120) var(--px80) var(--px120);
	padding: 0 var(--px40);
}
.oc-2024-ver02-type01 .article-01 .title {
	width: 43.924vw;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 var(--px21) var(--px44) 10px;
}
.oc-2024-ver02-type01 .article-01 .title svg {
	filter: drop-shadow(var(--px21) var(--px35) 0px var(--color-red));
}
.oc-2024-ver02-type01 .article-01.type-02 .title svg,
.oc-2024-ver02-type01 .article-01.type-03 .title svg {
	filter: drop-shadow(var(--px21) var(--px35) 0px #1d5ba5);
}
.oc-2024-ver02-type01 .article-01 .box-01,
.oc-2024-ver02-type01 .article-01 .box-02 {
	text-align: center;
}
.oc-2024-ver02-type01 .article-01 .box-02 {
	margin: var(--px10) auto;
	text-align: center;
}
.oc-2024-ver02-type01 .article-01 .box-02 .box-inner {
	display: inline-block;
	border: 4px solid var(--color-red);
	border-radius: 10px;
	padding: var(--px20) var(--px60);
}
.oc-2024-ver02-type01 .article-01 .box-has-title-01 {
	display: inline-block;
	position: relative;
	margin: var(--px51) auto;
	padding: var(--px12) var(--px40);
	border: 2px solid var(--color-red);
}
.oc-2024-ver02-type01 .article-01 .box-has-title-01 .title {
	position: absolute;
	top: calc(var(--px16) * -1);
	bottom: auto;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	width: auto;
	max-width: none;
	margin: 0 auto;
	padding: 0;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-01 .title p {
	display: inline-block;
	font-size: var(--px32);
	font-weight: bold;
	line-height: 100%;
	color: var(--color-red);
	background-color: #fff;
	padding: 0 1em;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-01 .text-08 {
	display: block;
	font-size: var(--px26);
	font-weight: bold;
	line-height: 190%;
	margin-top: 1em;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-01 .text-08 + .text-08 {
}
.oc-2024-ver02-type01 .article-01 .box-has-title-01 .text-08.color-01 {
	color: var(--color-red);
}
.oc-2024-ver02-type01 .article-01 .box-has-title-01 .text-08.color-02 {
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 {
	display: inline-block;
	position: relative;
	margin: var(--px51) auto;
	border: 2px solid var(--color-red);
	width: min(672px, 49.195vw);
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title-ahead {
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title-ahead p {
	display: block;
	position: relative;
	font-size: var(--px39);
	font-weight: bold;
	color: var(--color-red);
	padding: 0.25em 0;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title-ahead p span {
	display: inline-block;
	position: relative;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title-ahead p span:before,
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title-ahead p span:after {
	content: '';
	position: absolute;
	width: 0.75em;
	height: 1em;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Mi4xMiA1Mi4xMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmUgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2QwMTAzMTtzdHJva2UtbWl0ZXJsaW1pdDoxMDtzdHJva2Utd2lkdGg6M3B4OyIgeDE9IjEuMDYiIHkxPSIxLjA2IiB4Mj0iNTEuMDYiIHkyPSI1MS4wNiIvPjwvc3ZnPg==');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title-ahead p span:before {
	left: -1.35em;
	right: auto;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title-ahead p span:after {
	left: auto;
	right: -0.85em;
	transform: scale(-1, 1);
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title {
	background-color: var(--color-red);
	padding: var(--px15);
	width: 100%;
	max-width: none;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title p {
	font-size: var(--px32);
	font-weight: bold;
	line-height: 150%;
	color: #fff;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .text-09 {
	display: block;
	font-size: var(--px26);
	font-weight: bold;
	line-height: 190%;
	margin: 1em auto;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .text-10 {
	width: calc(100% - 4em);
	display: flex;
	align-items: center;
	column-gap: 1em;
	font-size: var(--px21);
	color: var(--color-red);
	line-height: 100%;
	margin: 0 auto 0.5em auto;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .text-10:before,
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .text-10:after {
	content: '';
	border: 1px solid var(--color-red);
	flex-grow: 1;
	height: 1px;
}
.oc-2024-ver02-type01 .article-01 .box-has-title-02 .text-11 {
	font-size: var(--px17);
	line-height: 190%;
	margin-bottom: 1em;
}
.oc-2024-ver02-type01 .article-01 .glb-icon {
	text-align: left;
	display: inline-block;
	margin: var(--px60) auto;
}
.oc-2024-ver02-type01 .article-01 .glb-icon > li + li {
	margin-top: var(--px51);
}
.oc-2024-ver02-type01 .article-01 .glb-icon > li .icon-check {
	padding-left: 2em;
	font-size: var(--px26);
	font-weight: bold;
	color: var(--color-red);
	background: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjAxLjUyIj48cGF0aCBzdHlsZT0iZmlsbDojMmMyYzJjOyIgZD0iTTI1MCwzMS40NGwtMTMuMTEtMTcuMzgtMzUuODQsMjcuMDRWMEgwdjIwMS41MmgyMDEuMDVWNjguMzhsNDguOTUtMzYuOTRaTTE3OS4yOCwxNzkuNzVIMjEuNzdWMjEuNzdoMTU3LjUxdjM1Ljc3bC03Ny44OSw1OC43OC0zOC42OC0zNy4yOS0xNS4xMSwxNS42Nyw1Mi4wNyw1MC4xOSw3OS42Mi02MC4wOHY5NC45NFoiLz48L3N2Zz4=');
	background-position: left top 0.2em;
	background-repeat: no-repeat;
	background-size: 1.5em auto;
}
.oc-2024-ver02-type01 .article-01 .glb-icon > li .icon-check .inner-text-01 {
	font-size: var(--px20);
	line-height: 180%;
	color: #2c2c2c;
	margin-top: 0.25em;
	display: inline-block;
}
.oc-2024-ver02-type01 .article-01.type-02 .glb-icon > li .icon-check,
.oc-2024-ver02-type01 .article-01.type-03 .glb-icon > li .icon-check {
	color: #1d5ba5;
}
.oc-2024-ver02-type01 .article-01.type-04 .glb-icon > li .icon-check {
	color: #2c2c2c;
}
.oc-2024-ver02-type01 .article-01 .box-has-photo-01 {
	width: 30%;
	margin: 0 auto calc(var(--px60) * -1) auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.oc-2024-ver02-type01 .article-01 .box-has-photo-01 .inner-01 {
	width: 65.8%;
}
.oc-2024-ver02-type01 .article-01 .box-has-photo-01 .inner-02 {
	width: 33.2%;
}
.oc-2024-ver02-type01 .article-01 .box-has-photo-01 .text-12 {
	font-size: var(--px26);
	font-weight: bold;
	color: var(--color-red);
	line-height: 150%;
	text-align: center;
	padding: 0.1em 0;
}
.oc-2024-ver02-type01 .article-01 .box-has-photo-01 .text-12 span {
	display: inline-block;
	text-align: left;
}
.oc-2024-ver02-type01 .article-01 .box-has-photo-01 .text-12:before,
.oc-2024-ver02-type01 .article-01 .box-has-photo-01 .text-12:after {
	content: '';
	display: block;
	width: 100%;
	height: 1.7em;
	background: url('data:image/svg+xml;base64, PHN2ZyBpZD0iYiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjYwIDQ2Ij48bGluZSBzdHlsZT0iZmlsbDojZDAxMDMxO3N0cm9rZTojZDAxMDMxO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDsiIHgxPSIuNSIgeTE9Ii41IiB4Mj0iMjU4LjUiIHkyPSI0NC41Ii8+PC9zdmc+');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.oc-2024-ver02-type01 .article-01 .box-has-photo-01 .text-12:after {
	transform: scale(-1, 1);
}
.oc-2024-ver02-type01 .article-01 .arrow-downer-area {
	padding: var(--px43) 0 var(--px35) 0;
}
.oc-2024-ver02-type01 .article-01 .arrow-downer-area {
	position: relative;
	margin: 10px auto 0 auto;
	width: var(--px50);
	height: var(--px50);
}
.oc-2024-ver02-type01 .article-01 .arrow-downer-area .arrow-downer-icon {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: var(--px25);
	fill: #fff;
}
.oc-2024-ver02-type01 .article-01 .arrow-downer-area .arrow-downer-icon.amin-01 {
	animation: 1.5s arrow-downer-anim-01 0s infinite;
}
.oc-2024-ver02-type01 .article-01 .arrow-downer-area .arrow-downer-icon.amin-02 {
	animation: 1.5s arrow-downer-anim-02 0s infinite;
	top: var(--px15);
}
.oc-2024-ver02-type01 .article-01 .arrow-downer-area .arrow-downer-icon.amin-03 {
	animation: 1.5s arrow-downer-anim-03 0s infinite;
	top: var(--px30);
}
@keyframes arrow-downer-anim-01 {
	0%	{fill:var(--color-red);}
	25%	{fill:#fff;}
	50%	{fill:var(--color-red);}
	75% {fill:var(--color-red);}
	100% {fill:var(--color-red);}
}
@keyframes arrow-downer-anim-02 {
	0%	{fill:var(--color-red);}
	25%	{fill:var(--color-red);}
	50%	{fill:#fff;}
	75%	{fill:var(--color-red);}
	100% {fill:var(--color-red);}
}
@keyframes arrow-downer-anim-03 {
	0%	{fill:var(--color-red);}
	25%	{fill:var(--color-red);}
	50%	{fill:var(--color-red);}
	75% {fill:#fff;}
	100% {fill:var(--color-red);}
}
.oc-2024-ver02-type01 .article-01 .text-01 {
	display: inline-block;
	font-size: var(--px40);
	font-weight: bold;
	margin: 0.5em auto 0.65em auto;
}
.oc-2024-ver02-type01 .article-01 .text-01 .text-inner-01,
.oc-2024-ver02-type01 .article-01 .text-01 .text-inner-02 {
	display: inline;
	line-height: 1em;
	padding: 0 0.2em 0.2em 0.2em;
	background-color: #ffec34;
	background: linear-gradient(transparent 50%, #ffec34 50%);
}
.oc-2024-ver02-type01 .article-01 .text-01 .text-inner-01 {
	padding-right: 0;
}
.oc-2024-ver02-type01 .article-01 .text-01 .text-inner-02 {
	padding-left: 0;
}
.oc-2024-ver02-type01 .article-01 .text-02 {
	display: inline-block;
	font-size: var(--px26);
	font-weight: bold;
	line-height: 190%;
}
.oc-2024-ver02-type01 .article-01 .text-03 {
	font-size: var(--px18);
	color: var(--color-red);
	line-height: 100%;
	margin-bottom: var(--px32);
	padding-bottom: 0.4em;
	border-bottom: 1px dashed var(--color-red);
}
.oc-2024-ver02-type01 .article-01 .text-03 .font-franklin-r {
	font-size: 1.5em;
	font-weight: 600;
}
.oc-2024-ver02-type01 .article-01 .text-04 {
	font-size: var(--px16);
	color: var(--color-red);
	line-height: 180%;
	list-style-type: none;
	padding-left: 1.0em;
	text-indent: -0.35em;
}
.oc-2024-ver02-type01 .article-01 .text-04 > span {
	position: relative;
}
.oc-2024-ver02-type01 .article-01 .text-04 > span:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: var(--color-red);
	position: relative;
	left: -0.5em;
	top: -0.2em;
}
.oc-2024-ver02-type01 .article-01 .text-05 {
	font-size: var(--px35);
	font-weight: bold;
	line-height: 190%;
}
.oc-2024-ver02-type01 .article-01 .text-06 {
	font-size: var(--px21);
	margin-top: 1em;
}
.oc-2024-ver02-type01 .article-01 .text-07 {
	font-size: var(--px24);
	font-weight: bold;
	line-height: 180%;
	color: var(--color-red);
	margin-top: var(--px60);
}
.oc-2024-ver02-type01 .article-01 .text-07 a {
	text-decoration: none;
}
.oc-2024-ver02-type01 .article-01 .text-08 {
	font-size: var(--px16);
	font-weight: normal;
	line-height: 180%;
	margin-top: var(--px60);
	text-align: center;
}
.oc-2024-ver02-type01 .article-01 .text-08 > ol,
.oc-2024-ver02-type01 .article-01 .text-08 > ul {
	display: inline-block;
	text-align: left;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .article-01 {
		padding: 30.833vw 0 29.167vw 0;
		background-image:
			url('../images/open_campus_2024/index/article01_bg_01@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_02@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_03@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_04@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_05@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_06@sp.jpg');
		background-position:
			left top,
			center top,
			right top,
			left bottom,
			center bottom,
			right bottom;
		background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
		background-size:
			33.3% auto,
			33.3% auto,
			33.3% auto,
			33.3% auto,
			33.3% auto,
			33.3% auto;
	}
	.oc-2024-ver02-type01 .article-01.type-02 {
		background-image:
			url('../images/open_campus_2024/index/article01_bg_07@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_08@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_03@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_09@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_05@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_06@sp.jpg');
	}
	.oc-2024-ver02-type01 .article-01.type-03 {
		background-image:
			url('../images/open_campus_2024/index/article01_bg_08@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_12@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_03@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_11@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_10@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_06@sp.jpg');
	}
	.oc-2024-ver02-type01 .article-01.type-04 {
		background-image:
			url('../images/open_campus_2024/index/article01_bg_01@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_02@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_03@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_04@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_05@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_06@sp.jpg');
		padding-bottom: 29.167vw;
	}
	.oc-2024-ver02-type01 .article-01.type-05 {
		background-image:
			url('../images/open_campus_2024/index/article01_bg_13@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_14@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_15@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_16@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_17@sp.jpg'),
			url('../images/open_campus_2024/index/article01_bg_02@sp.jpg');
		padding-bottom: 29.167vw;
	}
	.oc-2024-ver02-type01 .article-01 .article-inner {
		width: 100%;
	}
	.oc-2024-ver02-type01 .article-01 .article-inner.type-02 {
		margin: auto 5.208vw;
		padding: 0 0;
	}
	.oc-2024-ver02-type01 .article-01 .title {
		width: 74.167vw;
		margin: 0 auto;
		padding: 0 var(--px13) var(--px44) 10px;
	}
	.oc-2024-ver02-type01 .article-01 .title svg {
		filter: drop-shadow(var(--px13) var(--px21) 0px var(--color-red));
	}
	.oc-2024-ver02-type01 .article-01.type-02 .title svg,
	.oc-2024-ver02-type01 .article-01.type-03 .title svg {
		filter: drop-shadow(var(--px13) var(--px21) 0px #1d5ba5);
	}
	.oc-2024-ver02-type01 .article-01 .box-02 {
		margin: var(--px10) auto;
	}
	.oc-2024-ver02-type01 .article-01 .box-has-title-01 {
		margin: var(--px33) 5.208vw;
		padding: var(--px12) var(--px24);
		width: calc(100% - 5.208vw - 5.208vw);
	}
	.oc-2024-ver02-type01 .article-01 .box-has-title-01 .title {
		top: calc(var(--px16) * -1);
	}
	.oc-2024-ver02-type01 .article-01 .box-has-title-01 .title p {
		font-size: var(--px32);
	}
	.oc-2024-ver02-type01 .article-01 .box-has-title-01 .text-08 {
		font-size: var(--px18);
	}
	.oc-2024-ver02-type01 .article-01 .box-has-title-02 {
		width: 78.77%;
		margin: var(--px26) auto;
	}
	.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title-ahead p {
		font-size: var(--px23);
	}
	.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title {
		padding: var(--px15) 0;
		width: 100%;
	}
	.oc-2024-ver02-type01 .article-01 .box-has-title-02 .title p {
		font-size: var(--px20);
	}
	.oc-2024-ver02-type01 .article-01 .box-has-title-02 .text-09 {
		font-size: var(--px18);
	}
	.oc-2024-ver02-type01 .article-01 .box-has-title-02 .text-10 {
		font-size: var(--px17);
	}
	.oc-2024-ver02-type01 .article-01 .box-has-title-02 .text-11 {
		font-size: var(--px15);
		padding: 0 1em;
	}
	.oc-2024-ver02-type01 .article-01 .glb-icon {
		margin: var(--px28) auto;
	}
	.oc-2024-ver02-type01 .article-01 .glb-icon > li + li {
		margin-top: var(--px33);
	}
	.oc-2024-ver02-type01 .article-01 .glb-icon > li .icon-check {
		font-size: var(--px20);
		background-size: auto 1.3em;
	}
	.oc-2024-ver02-type01 .article-01 .glb-icon > li .icon-check .inner-text-01 {
		font-size: var(--px17);
	}
	.oc-2024-ver02-type01 .article-01 .box-has-photo-01 {
		width: 70%;
		margin: 0 auto calc(var(--px45) * -1) auto;
	}
	.oc-2024-ver02-type01 .article-01 .box-has-photo-01 .text-12 {
		font-size: var(--px22);
	}
	.oc-2024-ver02-type01 .article-01 .text-01 {
		display: block;
		font-size: var(--px25);
		margin: 0.25em auto 0.65em auto;
		width: 100%;
		max-width: 412px;
	}
	.oc-2024-ver02-type01 .article-01 .text-01 .text-01-sp-large {
		font-size: var(--px30);
	}
	.oc-2024-ver02-type01 .article-01 .text-01 .text-inner-01,
	.oc-2024-ver02-type01 .article-01 .text-01 .text-inner-02 {
		display: inline-block;
		padding: 0 0.2em 0.2em 0.2em;
	}
	.oc-2024-ver02-type01 .article-01 .text-01 .text-inner-01 {
		float: left;
		margin-bottom: 0.6em;
	}
	.oc-2024-ver02-type01 .article-01 .text-01 .text-inner-02 {
	}
	.oc-2024-ver02-type01 .article-01 .text-02 {
		font-size: var(--px18);
	}
	.oc-2024-ver02-type01 .article-01 .text-03 {
		display: inline-block;
		font-size: var(--px18);
		margin-bottom: var(--px28);
	}
	.oc-2024-ver02-type01 .article-01 .text-04 {
		font-size: var(--px14);
		text-align: left;
	}
	.oc-2024-ver02-type01 .article-01 .text-05 {
		font-size: var(--px23);
	}
	.oc-2024-ver02-type01 .article-01 .text-06 {
		font-size: var(--px16);
		margin-top: 1em;
	}
	.oc-2024-ver02-type01 .article-01 .text-07 {
		font-size: var(--px14);
		margin-top: var(--px30);
	}
	.oc-2024-ver02-type01 .article-01 .text-07 a {
		display: inline-block;
		color: #fff;
		background-color: var(--color-red);
		border-radius: 10px;
		margin-top: 1em;
		padding: 0.5em 0.75em;
	}
	.oc-2024-ver02-type01 .article-01 .text-08 {
		font-size: var(--px14);
		margin-top: var(--px30);
	}
}


/*
 article-02
*/
.oc-2024-ver02-type01 .article-02 {
	padding: var(--px48) 0 0 0;
}
.oc-2024-ver02-type01 .article-02-01 {
}
.oc-2024-ver02-type01 .article-02-02 {
	padding: var(--px40) 0 var(--px50) 0;
	background-color: #fff;
	background-image: url(../images/open_campus_2024/index/article04_bg.svg);
	background-repeat: repeat;
	background-position: center top;
	background-size: 30px 30px;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 var(--px40);
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-00 {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 var(--px40);
	text-align: center;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-00 .text-thanks {
	display: inline-block;
	font-size: var(--px35);
	font-weight: bold;
	text-align: center;
	line-height: 200%;
	background-color: #fff;
	margin: auto;
	padding: 0.5em 1em;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-01 {
	width: 47.6%;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-01 .box-01 {
	width: 100%;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-02 {
	width: 49.0%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--px10);
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-02 .box-02 {
	width: calc((100% - var(--px10)) / 2);
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-03 {
	width: 47.6%;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-03 .box-01 {
	width: 100%;
	position: relative;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-03 .box-01:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	pointer-events: none;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-03 .box-01.date20240824:before {
	background-image: url('../images/open_campus_2024/index/date20240824_large_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-03 .box-01.date20240825:before {
	background-image: url('../images/open_campus_2024/index/date20240825_large_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-03 .box-01 a {
	position: relative;
	z-index: 2;
	transition: opacity .3s ease-out;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-03 .box-01 a:hover,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-03 .box-01 a.active {
	opacity: 0;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-02 {
	width: 100%;
	max-width: 850px;
	margin: var(--px53) auto 0 auto;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 {
	width: 100%;
	margin: var(--px18) auto 0 auto;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03.not-slide {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-side {
	width: 11.3%;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01 {
	position: relative;
/*
	width: 32.13%;
*/
	width: calc(762px / 3);
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03.not-slide .inner-03-01 .box-01 {
	margin: 0 5px;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.size-large {
	width: calc(762px / 3 * 1.67);
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .glb-scroll-area {
	width: 74.7%;
	margin: 0 auto;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .glb-scroll-area .glb-scroll-imgbox {
	margin-bottom: 0;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider {
	display: block;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .box-01 {
	padding: 0 5px;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-slide img {
	display: inline;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-prev,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-next {
	width: 15.1%;
	height: 100%;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-prev:hover,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-prev:focus,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-next:hover,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-prev:hover:before,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-prev:focus:before,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-next:hover:before,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-next:focus:before {
	background-color: var(--color-red);
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-prev:before,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-next:before {
	display: block;
	font-family: unset;
	opacity: 1;
	width: 100%;
	height: 100%;
	background-color: #707070;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	border-radius: var(--px17);
	transition: background-color .3s ease-out;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-prev {
	left: calc(-15.1% - 1.8%);
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-prev:before {
	content: '';
	background-image: url(../images/open_campus_2024/index/date_arrow_bgnone_left.svg);
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-next {
	right: calc(-15.1% - 1.8%);
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .slick-next:before {
	content: '';
	background-image: url(../images/open_campus_2024/index/date_arrow_bgnone_right.svg);
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-04 {
	width: 100%;
	margin: var(--px85) auto 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 0.9%
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-04 .box-01 {
	width: 49.3%;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-04 .box-02 {
	position: relative;
	width: 24.0%;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01:before,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-04 .box-02:before {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	pointer-events: none;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .box-01:before {
	width: calc(100% - 10px);
	margin: 0 auto;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01 a,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-04 .box-02 a {
	position: relative;
	z-index: 2;
	transition: opacity .3s ease-out;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01 a:hover,
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-04 .box-02 a:hover {
	opacity: 0;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20240329:before {
	background-image: url('../images/open_campus_2024/index/date20240329_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20240421:before {
	background-image: url('../images/open_campus_2024/index/date20240421_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20240519:before {
	background-image: url('../images/open_campus_2024/index/date20240519_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20240630:before {
	background-image: url('../images/open_campus_2024/index/date20240630_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20240714:before {
	background-image: url('../images/open_campus_2024/index/date20240714_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20240731:before {
	background-image: url('../images/open_campus_2024/index/date20240731_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20240824:before {
	background-image: url('../images/open_campus_2024/index/date20240824_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20240825:before {
	background-image: url('../images/open_campus_2024/index/date20240825_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20240929:before {
	background-image: url('../images/open_campus_2024/index/date20240929_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-04 .box-02.date20240630:before {
	background-image: url('../images/open_campus_2024/index/date20240630_small_hover.svg?20240614');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-04 .box-02.date20240731:before {
	background-image: url('../images/open_campus_2024/index/date20240731_small.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250328:before {
	background-image: url('../images/open_campus_2024/index/date20250328_report_hover.svg?20250418');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250329:before {
	background-image: url('../images/open_campus_2024/index/date20250329_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250427:before {
	background-image: url('../images/open_campus_2024/index/date20250427_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250525:before {
	background-image: url('../images/open_campus_2024/index/date20250525_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250615:before {
	background-image: url('../images/open_campus_2024/index/date20250615_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250629:before {
	background-image: url('../images/open_campus_2024/index/date20250629_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250713:before {
	background-image: url('../images/open_campus_2024/index/date20250713_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250720:before {
	background-image: url('../images/open_campus_2024/index/date20250720_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250713and20:before {
	background-image: url('../images/open_campus_2024/index/date20250713and20_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250803:before {
	background-image: url('../images/open_campus_2024/index/date20250803_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250824:before {
	background-image: url('../images/open_campus_2024/index/date20250824_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250825:before {
	background-image: url('../images/open_campus_2024/index/date20250825_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250824and25:before {
	background-image: url('../images/open_campus_2024/index/date20250824and25_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20250928:before {
	background-image: url('../images/open_campus_2024/index/date20250928_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20251123:before {
	background-image: url('../images/open_campus_2024/index/date20251123_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.date20251221:before {
	background-image: url('../images/open_campus_2024/index/date20251221_report_hover.svg');
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-05 {
	width: 74.2%;
	margin: var(--px85) auto 0 auto;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06-pc-scroll-area {
	width: 100%;
	overflow-x: hidden;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06-pc-scroll {
	width: 100%;
	margin: 0 auto;
	min-height: 0.01%;
	overflow-x: auto;
	overflow-y: hidden;
	cursor: grab;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06-pc-scroll::-webkit-scrollbar {
	background: #f0f0f0;
	height: 5px
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06-pc-scroll::-webkit-scrollbar-thumb {
	background: #aaa;
	border-radius: 3px;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06-pc-scroll::-webkit-scrollbar-track-piece {
	background: #ddd;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 {
	width: auto;
/*
	width: calc(2586 * 0.9 / 1020 * 100%);
*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 10px;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 .inner-06-01 {
	width: auto;
/*
	width: calc((752 + 10) / 2586 * 100%);
*/
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 .inner-06-01 .box-01 {
	width: 100%;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 .inner-06-02 {
	width: auto;
/*
	width: calc((2586 - 752 - 10 - 10) / 2586 * 100%);
*/
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 .inner-06-02-boxes {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, auto);
/*
	grid-template-columns: repeat(auto-fit, calc((252) / (2586 - 752) * 100%));
*/
	grid-auto-flow: column;
	grid-template-rows: repeat(2, auto);
	gap: 10px;
	justify-content: flex-end;
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 .inner-06-02-boxes.line1 {
	grid-template-rows: repeat(1, auto);
}
.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 .inner-06-02-boxes .box-02 {
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .article-02-02 {
		padding: var(--px40) 0 0 0;
		background-size: 20px 20px;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner {
		width: auto;
		margin: auto 5.208vw;
		padding: 0;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-00 {
		padding: 0;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-00 .text-thanks {
		font-size: var(--px18);
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-01 {
		width: 100%;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-02 {
		width: 100%;
		gap: var(--px15);
		margin-top: var(--px15);
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-01 .inner-01-02 .box-02 {
		width: calc((100% - var(--px15)) / 2);
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-02 {
		width: 100%;
		max-width: 93.13%;
		margin: var(--px33) auto 0 auto;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		width: 100%;
		margin: var(--px17) auto 0 auto;
		overflow: hidden;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-side {
		display: none;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01,
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider {
		width: calc(40.833vw * 3 + var(--px14) * 2);
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		gap: var(--px14);
		overflow-y: hidden;
		overflow-x: auto;
		min-height: 0.01%;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .glb-scroll-area {
		width: 100%;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .glb-scroll-area .glb-scroll-imgbox .imgbox-inner {
		width: 130%;
		padding-bottom: 10px;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .glb-scroll-area .glb-scroll-imgbox::-webkit-scrollbar {
		width: 100%;
		height: 5px;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .glb-scroll-area .glb-scroll-imgbox::-webkit-scrollbar-thumb {
		background: var(--color-red);
		border-radius: 3px;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .glb-scroll-area .glb-scroll-imgbox::-webkit-scrollbar-track-piece {
		background: #ddd;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01 {
		width: 40.833vw;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01 .box-01.size-large {
		width: calc(40.833vw * 1.67);
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .box-01 {
		padding: 0;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-03 .inner-03-01.has-slider .box-01:before {
		width: 100%;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-04 {
		width: calc(100% + 5.208vw + 5.208vw);
		justify-content: center;
		gap: var(--px33) var(--px15);
		margin: var(--px50) -5.208vw var(--px25) -5.208vw;
		background-color: #fff;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-04 .box-01 {
		width: 100%;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-04 .box-02 {
		width: 40.83%;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-05 {
		width: 100%;
		margin: var(--px50) auto 0 auto;
		padding-bottom: var(--px25);
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06-pc-scroll-area {
		padding: 0 5px;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06-sp-scroll-area {
		width: 100%;
		overflow-x: hidden;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06-sp-scroll {
		width: 100%;
		margin: 0 auto;
		min-height: 0.01%;
		overflow-x: auto;
		overflow-y: hidden;
		cursor: grab;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06-sp-scroll::-webkit-scrollbar {
		background: #f0f0f0;
		height: 5px
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06-sp-scroll::-webkit-scrollbar-thumb {
		background: var(--color-red);
		border-radius: 3px;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06-sp-scroll::-webkit-scrollbar-track-piece {
		background: #ddd;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 {
/*
		width: 100%;
*/
		padding-bottom: 0;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 .inner-06-01 {
/*
		width: 100%;
*/
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 .inner-06-02 {
/*
		width: 100%;
*/
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 .inner-06-02-boxes {
/*
		width: 290vw;
		grid-template-columns: repeat(2, auto);
		grid-auto-flow: row;
		grid-template-rows: repeat(auto-fit, 50%);
*/
		justify-content: stretch;
		gap: 0 8px;
		margin-top: var(--px15);
		padding-bottom: 10px;
	}
	.oc-2024-ver02-type01 .article-02-02 .article-inner .inner-06 .inner-06-02 .box-02 {
		width: 100%;
		margin-top: var(--px15);
	}
}

/*
 article-03
*/
.oc-2024-ver02-type01 .article-03 {
	padding: var(--px48) 0 0 0;
}
.oc-2024-ver02-type01 .article-03 .inner-01 {
	display: grid;
	grid-template-columns: 39.4% 60.6%;
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	margin-bottom: var(--px110);
}
.oc-2024-ver02-type01 .article-03 .inner-01 .box-01 { grid-area: 1 / 2 / 2 / 3; }
.oc-2024-ver02-type01 .article-03 .inner-01 .box-02 { grid-area: 1 / 1 / 3 / 2; }
.oc-2024-ver02-type01 .article-03 .inner-01 .box-03 { grid-area: 2 / 2 / 3 / 3; }
.oc-2024-ver02-type01 .article-03 .inner-01 .box-01 {
	margin-top: var(--px12);
}
.oc-2024-ver02-type01 .article-03 .inner-01 .box-01 p {
	display: inline-block;
	font-size: var(--px41);
	font-weight: bold;
	line-height: 100%;
	color: #fff;
	background-color: var(--color-red);
	margin: 0 0 0.5em 0;
	padding: 0.3em 0.3em;
}
.oc-2024-ver02-type01 .article-03 .inner-01 .box-01 .photo-00 {
	display: none;
}
.oc-2024-ver02-type01 .article-03 .inner-01 .box-02 {
	position: relative;
	margin-right: var(--px42);
	padding-right: var(--px42);
	border-right: var(--px22) solid var(--color-red);
	background: linear-gradient(90deg, var(--color-red) 0%, var(--color-red) 80%, #e0cbcf 80%, #e0cbcf 91.0%, transparent 91.0%, transparent 100%);
	aspect-ratio: 55 / 45;
}
.oc-2024-ver02-type01 .article-03 .inner-01 .box-02 .photo-01 {
	position: relative;
	width: 92.36%;
}
.oc-2024-ver02-type01 .article-03 .inner-01 .box-02 .photo-02 {
	width: 62.0%;
	position: absolute;
	bottom: 0;
	right: var(--px42);
}
.oc-2024-ver02-type01 .article-03 .inner-01 .box-03 {
	margin-top: 0;
	align-self: end;
}
.oc-2024-ver02-type01 .article-03 .inner-01 .box-03 p {
	font-size: var(--px26);
	font-weight: bold;
	line-height: 200%;
}
.oc-2024-ver02-type01 .article-03 .inner-01 .box-03 p span {
	font-size: var(--px30);
}
.oc-2024-ver02-type01 .article-03 .inner-01 .box-03 p span + span {
	margin-left: var(--px26);
}
.oc-2024-ver02-type01 .article-03 .inner-02 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: var(--px25);
}
.oc-2024-ver02-type01 .article-03 .inner-02 .photo-01 {
	width: 19%;
}
.oc-2024-ver02-type01 .article-03 .inner-03 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: var(--px100);
	width: 100%;
	overflow: hidden;
}
.oc-2024-ver02-type01 .article-03 .inner-03 .box-01 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	animation: infinity-scroll-right 40s infinite linear both;
}
.oc-2024-ver02-type01 .article-03 .inner-03 .photo-01 {
	width: calc(100vw / 5);
}
@keyframes infinity-scroll-right {
	from { transform: translateX(-100%); }
	to { transform: translateX(0%); }
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .article-03 {
		padding: var(--px21) 0 0 0;
	}
	.oc-2024-ver02-type01 .article-03 .inner-01 {
		position: relative;
		display: block;
		margin-bottom: var(--px14);
	}
	.oc-2024-ver02-type01 .article-03 .inner-01 .box-01 {
		position: relative;
		z-index: 2;
		margin-top: var(--px12);
	}
	.oc-2024-ver02-type01 .article-03 .inner-01 .box-01 p {
		font-size: var(--px23);
	}
	.oc-2024-ver02-type01 .article-03 .inner-01 .box-01 .photo-00 {
		display: block;
		width: 100%;
	}
	.oc-2024-ver02-type01 .article-03 .inner-01 .box-02 {
		position: absolute;
		z-index: 1;
		top: var(--px33);
		left: 0;
		right: 0;
		width: 85.4%;
		aspect-ratio: auto;
		margin: 0 auto;
		padding-right: 0;
		border-right: none;
		background: transparent;
	}
	.oc-2024-ver02-type01 .article-03 .inner-01 .box-02 .photo-01 {
		position: relative;
		width: 84.1%;
	}
	.oc-2024-ver02-type01 .article-03 .inner-01 .box-02 .photo-02 {
		position: relative;
		right: 0;
		bottom: -27%;
		width: 47.3%;
		margin: calc(var(--px70) * -1) 0 auto auto;
	}
	.oc-2024-ver02-type01 .article-03 .inner-01 .box-03 {
		position: relative;
		z-index: 2;
		margin-top: var(--px12);
	}
	.oc-2024-ver02-type01 .article-03 .inner-01 .box-03 p,
	.oc-2024-ver02-type01 .article-03 .inner-01 .box-03 p span {
		font-size: var(--px14);
		text-align: center;
	}
	.oc-2024-ver02-type01 .article-03 .inner-02,
	.oc-2024-ver02-type01 .article-03 .inner-03 {
		display: none;
	}
}


/*
 article-04
*/
.oc-2024-ver02-type01 .article-04-01 {
	padding: var(--px48) 0 var(--px40) 0;
}
.oc-2024-ver02-type01 .article-04-01 .oc2024-headline-area-01 .headline-decoration {
	position: absolute;
	top: 0;
	bottom: 0;
	right: var(--px80);
	margin: auto;
	width: min(254px, 18.594vw);
}
.oc-2024-ver02-type01 .article-04-01 .article-inner .text-01 {
	font-size: var(--px35);
	font-weight: bold;
	text-align: center;
	line-height: 200%;
}
.oc-2024-ver02-type01 .article-04-01 .article-inner .text-02 {
	font-size: var(--px20);
	font-weight: bold;
	text-align: center;
	line-height: 150%;
	color: var(--color-red);
}
.oc-2024-ver02-type01 .article-04-02 {
	padding: var(--px48) 0 0 0;
	background-color: #fff;
	background-image: url(../images/open_campus_2024/index/article04_bg.svg);
	background-repeat: repeat;
	background-position: center top;
	background-size: 30px 30px;
}
.oc-2024-ver02-type01 .article-04-02 .article-inner {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto var(--px80) auto;
	padding: 0 var(--px40);
}
.oc-2024-ver02-type01 .program-layout {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: var(--px50);
}
.oc-2024-ver02-type01 .program-layout .box {
	position: relative;
}
.oc-2024-ver02-type01 .program-layout .box.type-01 {
	width: calc((100% - var(--px50)) / 2);
}
.oc-2024-ver02-type01 .program-layout .box.type-02 {
	width: 100%;
}
.oc-2024-ver02-type01 .program-layout .box.type-04 {
	width: 100%;
}
.oc-2024-ver02-type01 .program-layout .box.type-05 {
	width: 100%;
}
.oc-2024-ver02-type01 .program-layout .box .inner-01 {
	background-color: #fff;
	padding: var(--px40) 0 var(--px20) 0;
}
.oc-2024-ver02-type01 .program-layout .box .inner-02 {
	background-color: #fff;
}
.oc-2024-ver02-type01 .program-layout .box .inner-03 {
/*
	background-color: var(--color-red);
*/
	padding: var(--px20) 0;
}
.oc-2024-ver02-type01 .program-layout .box .inner-04-parent {
	margin: -100px 0 100px 0;
}
.oc-2024-ver02-type01 .program-layout .box .inner-04-parent.active,
.oc-2024-ver02-type01 .program-layout .box .inner-04-parent.not-accordion {
	margin-bottom: 0;
}
.oc-2024-ver02-type01 .program-layout .box .inner-04 {
	width: 100%;
	display: flex;
	display: none;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: relative;
	z-index: 1;
	background-color: #fff;
	border-radius: 55px;
	border: 10px solid var(--color-red);
	padding: calc(var(--px55) + 100px) var(--px60) var(--px100) var(--px55);
}
.oc-2024-ver02-type01 .program-layout .box .not-accordion .inner-04 {
	display: flex;
}
.oc-2024-ver02-type01 .program-layout .box .color-03 .inner-04 {
	border-color: var(--color-blue-01);
}
.oc-2024-ver02-type01 .program-layout .box .title {
	font-size: var(--px50);
	font-weight: bold;
	line-height: 130%;
	text-align: center;
	width: 100%;
	margin-bottom: 0.2em;
}
.oc-2024-ver02-type01 .program-layout .box .text-01 {
	font-size: var(--px30);
	font-weight: bold;
	line-height: 170%;
	text-align: center;
	margin-bottom: var(--px10);
}
.oc-2024-ver02-type01 .program-layout .box .text-02 {
	font-size: var(--px25);
	font-weight: bold;
	line-height: 170%;
	text-align: center;
	color: #fff;
}
.oc-2024-ver02-type01 .program-layout .box .text-03 {
	font-size: var(--px22);
	font-weight: bold;
	line-height: 190%;
	text-align: center;
	color: #fff;
	padding: 0 1.5em;
}
.oc-2024-ver02-type01 .program-layout .box .text-03 span {
	display: inline-block;
	text-align: left;
}
.oc-2024-ver02-type01 .program-layout .box .text-04 {
	font-size: var(--px17);
	font-weight: bold;
	line-height: 160%;
	text-align: center;
	color: #000;
}
.oc-2024-ver02-type01 .program-layout .box .text-05 {
	font-size: var(--px15);
	font-weight: bold;
	line-height: 140%;
	text-align: center;
	color: #000;
}
.oc-2024-ver02-type01 .program-layout .box .photo-over-text {
	position: relative;
}
.oc-2024-ver02-type01 .program-layout .box .photo-over-text .photo-box {
	position: relative;
}
.oc-2024-ver02-type01 .program-layout .box .photo-over-text .text-box {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
}
.oc-2024-ver02-type01 .program-layout .box .text-06 {
	font-size: var(--px22);
	font-weight: bold;
	line-height: 160%;
	padding: 0.75em 1.0em;
	color: #000;
}
.oc-2024-ver02-type01 .program-layout .box .text-06 .sub-title {
	display: inline-block;
	font-size: var(--px15);
	line-height: 160%;
	color: #fff;
	padding: 0.25em 0.5em;
	background-color: var(--color-red);
}
.oc-2024-ver02-type01 .program-layout .box .text-07 {
	font-size: var(--px30);
	line-height: 150%;
	color: #fff;
	background-color: var(--color-red);
	width: 80%;
	text-align: center;
	margin: 0 auto;
}
.oc-2024-ver02-type01 .program-layout .box .text-07 .svg-icon {
	display: inline-block;
	width: 2.8em;
	height: auto;
	line-height: 40%;
	margin-right: 0.2em;
}
.oc-2024-ver02-type01 .program-layout .box .photo-01 {
	width: 15%;
	padding: 2px;
}
.oc-2024-ver02-type01 .program-layout .box .photo-01 img {
	filter:
		drop-shadow(1px 1px 0px #ffffff)
		drop-shadow(-1px -1px 0px #ffffff)
		drop-shadow(1px -1px 0px #ffffff)
		drop-shadow(-1px 1px 0px #ffffff);
}
.oc-2024-ver02-type01 .program-layout .box .text-btn-01 {
	display: none;
	font-size: var(--px22);
	font-weight: bold;
	line-height: 100%;
	text-align: center;
	color: #000;
	width: 80% !important;
	margin: var(--px35) auto 0 auto;
	padding: 1em;
	background-color: #fff;
	background-position: right 1em center;
	background-repeat: no-repeat;
	background-size: 1em 1em;
	border-radius: var(--px21);
	cursor: pointer;
	text-decoration: none;
}
.oc-2024-ver02-type01 .program-layout .box .text-btn-01:hover,
.oc-2024-ver02-type01 .program-layout .box a.text-btn-01:hover {
	animation: text-btn-01-anim .6s ease 0s 1;
	text-decoration: none;
}
.oc-2024-ver02-type01 .program-layout .box .text-btn-01.closer {
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMTczLjIxIj48cG9seWdvbiBzdHlsZT0iZmlsbDojZDAxMDMxOyIgcG9pbnRzPSIxMDAgMCAwIDE3My4yMSAyMDAgMTczLjIxIDEwMCAwIi8+PC9zdmc+');
}
.oc-2024-ver02-type01 .program-layout .box .text-btn-01.opener {
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDAgMTczLjIxIj48cG9seWdvbiBzdHlsZT0iZmlsbDojZDAxMDMxOyIgcG9pbnRzPSIxMDAgMTczLjIxIDIwMCAwIDAgMCAxMDAgMTczLjIxIi8+PC9zdmc+');
}
.oc-2024-ver02-type01 .program-layout .box .text-btn-01.arrow-right {
	background-image: url('data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzMuMjEgMjAwIj48cG9seWdvbiBzdHlsZT0iZmlsbDojZDAxMDMxOyIgcG9pbnRzPSIxNzMuMjEgMTAwIDAgMCAwIDIwMCAxNzMuMjEgMTAwIi8+PC9zdmc+');
}
.oc-2024-ver02-type01 .program-layout .box .text-btn-01.active {
	display: block !important;
}
.oc-2024-ver02-type01 .program-layout .box .text-btn-01.en {
	font-family: "franklin-gothic-atf", sans-serif;
	font-size: var(--px24);
	padding: 0.875em;
}
@keyframes text-btn-01-anim {
	from, to { transform: none; }
	10% { transform: scale(1.2); }
	40% { transform: scale(.9); }
	60% { transform: scale(1.04); }
	80% { transform: scale(.98); }
}
.oc-2024-ver02-type01 .program-layout .box.type-01 .color-01 .title { color: var(--color-red); }
.oc-2024-ver02-type01 .program-layout .box.type-01 .color-03 .title { color: var(--color-blue-01); }
.oc-2024-ver02-type01 .program-layout .box.type-01 .text-01 { color: #000; }
.oc-2024-ver02-type01 .program-layout .box.type-02 .title { color: #fff; }
.oc-2024-ver02-type01 .program-layout .box.type-02 .inner-04 .title { color: var(--color-red); }
.oc-2024-ver02-type01 .program-layout .box.type-02 .text-01 { color: #fff; }
.oc-2024-ver02-type01 .program-layout .box.type-03 .title { color: #fff; }
.oc-2024-ver02-type01 .program-layout .box.type-03 .text-01 { color: #fff; }
.oc-2024-ver02-type01 .program-layout .box.type-03 .text-04 { color: #fff; }
.oc-2024-ver02-type01 .program-layout .box.type-04 .title { color: #fff; }
.oc-2024-ver02-type01 .program-layout .box.type-04 .text-01 { color: #fff; }
.oc-2024-ver02-type01 .program-layout .box.type-05 .title { color: var(--color-red); }
.oc-2024-ver02-type01 .program-layout .box.type-05 .text-01 { color: var(--color-red); }
.oc-2024-ver02-type01 .program-layout .box.type-05 .text-02 { color: #000; }
.oc-2024-ver02-type01 .program-layout .box.type-05 .text-06 { color: var(--color-red); }
.oc-2024-ver02-type01 .program-layout .box .box-has-border-inner,
.oc-2024-ver02-type01 .program-layout .box .box-has-border-inner .inner-01,
.oc-2024-ver02-type01 .program-layout .box .box-has-border-inner .inner-03,
.oc-2024-ver02-type01 .program-layout .box .box-has-border-inner .inner-04,
.oc-2024-ver02-type01 .program-layout .box .box-has-border-inner .inner-05,
.oc-2024-ver02-type01 .program-layout .box .box-has-border-inner .inner-06 {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.oc-2024-ver02-type01 .program-layout .box .box-has-border-inner .inner-06 {
	flex-direction: row;
	gap: var(--px20);
}
.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner,
.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, auto);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}
.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .type-02-grid-01,
.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-01 { grid-area: 1 / 2 / 2 / 3; align-self: end; }
.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .type-02-grid-02,
.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-02 { grid-area: 2 / 2 / 3 / 3; }
.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .type-02-grid-03,
.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-03 { grid-area: 1 / 1 / 4 / 2; }
.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .type-02-grid-04,
.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-04 { grid-area: 3 / 2 / 4 / 3; }
.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-01.swapLR { grid-area: 1 / 1 / 2 / 2; }
.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-02.swapLR { grid-area: 2 / 1 / 3 / 2; }
.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-03.swapLR { grid-area: 1 / 2 / 4 / 3; }
.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-04.swapLR { grid-area: 3 / 1 / 4 / 2; }
.oc-2024-ver02-type01 .program-layout .box .box-has-border-inner {
	position: relative;
	z-index: 2;
}
.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .type-02-grid-03 picture.notactive {
	display: block;
}
.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .type-02-grid-03 picture.active {
	display: none;
}
.oc-2024-ver02-type01 .program-layout .box .box-has-border-inner .inner-01,
.oc-2024-ver02-type01 .program-layout .box.type-01 .box-has-border-inner .inner-02,
.oc-2024-ver02-type01 .program-layout .box.type-01 .box-has-border-inner .inner-03 {
	width: 100%;
}
.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .inner-02,
.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .inner-03 {
	width: 50%;
}
.oc-2024-ver02-type01 .program-layout .program-detail,
.modaal-content-container .program-detail {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	overflow: hidden;
	border: 9px solid #fff;
	border-radius: 55px;
	margin-top: var(--px60);
}
.modaal-content-container .program-detail {
	margin: calc(var(--px55) * -1);
	width: calc(100% + var(--px55) + var(--px55));
}
.oc-2024-ver02-type01 .program-layout .program-detail.color-mg,
.modaal-content-container .program-detail.color-mg { border-color: var(--color-mg-01); }
.oc-2024-ver02-type01 .program-layout .program-detail.color-hs,
.modaal-content-container .program-detail.color-hs { border-color: var(--color-hs-01); }
.oc-2024-ver02-type01 .program-layout .program-detail.color-gc,
.modaal-content-container .program-detail.color-gc { border-color: var(--color-gc-01); }
.oc-2024-ver02-type01 .program-layout .program-detail .inner-head,
.modaal-content-container .program-detail .inner-head {
	width: 100%;
	padding: var(--px24);
}
.oc-2024-ver02-type01 .program-layout .program-detail.color-mg .inner-head,
.modaal-content-container .program-detail.color-mg .inner-head { background-color: var(--color-mg-01); }
.oc-2024-ver02-type01 .program-layout .program-detail.color-hs .inner-head,
.modaal-content-container .program-detail.color-hs .inner-head { background-color: var(--color-hs-01); }
.oc-2024-ver02-type01 .program-layout .program-detail.color-gc .inner-head,
.modaal-content-container .program-detail.color-gc .inner-head { background-color: var(--color-gc-01); }
.oc-2024-ver02-type01 .program-layout .program-detail .inner-body,
.modaal-content-container .program-detail .inner-body {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--px21);
	padding: var(--px40);
}
.oc-2024-ver02-type01 .program-layout .program-detail .inner-body + .inner-body,
.modaal-content-container .program-detail .inner-body + .inner-body {
	padding-top: 0;
	position: relative;
}
.oc-2024-ver02-type01 .program-layout .program-detail .inner-body + .inner-body:before {
	content: '';
	width: calc(100% - var(--px40) - var(--px40));
	height: 1px;
	position: relative;
	background-color: #000;
}
.oc-2024-ver02-type01 .program-layout .program-detail .inner-body-02 {
	text-align: center;
	width: 80%;
	margin: 0 auto var(--px50) auto;
}
.oc-2024-ver02-type01 .program-layout .program-detail .inner-body-02b {
	text-align: center;
	width: 60%;
	margin: 0 auto;
}
.oc-2024-ver02-type01 .program-layout .program-detail .fc-mg { color: var(--color-mg-01); }
.oc-2024-ver02-type01 .program-layout .program-detail .fc-hs { color: var(--color-hs-01); }
.oc-2024-ver02-type01 .program-layout .program-detail .fc-gc { color: var(--color-gc-01); }
.oc-2024-ver02-type01 .program-layout .program-detail .text-06,
.oc-2024-ver02-type01 .program-layout .program-detail .text-07,
.oc-2024-ver02-type01 .program-layout .program-detail .text-08,
.oc-2024-ver02-type01 .program-layout .program-detail .text-09,
.oc-2024-ver02-type01 .program-layout .program-detail .text-12,
.oc-2024-ver02-type01 .program-layout .program-detail .text-13,
.modaal-content-container .program-detail .text-06,
.modaal-content-container .program-detail .text-07,
.modaal-content-container .program-detail .text-08,
.modaal-content-container .program-detail .text-09,
.modaal-content-container .program-detail .text-12,
.modaal-content-container .program-detail .text-13 {
	font-weight: bold;
	text-align: center;
}
.oc-2024-ver02-type01 .program-layout .program-detail .text-06,
.modaal-content-container .program-detail .text-06 {
	font-size: var(--px35);
	line-height: 100%;
	color: #fff;
}
.oc-2024-ver02-type01 .program-layout .program-detail .text-07,
.modaal-content-container .program-detail .text-07 {
	width: 8.5em;
	font-size: var(--px22);
	line-height: 200%;
	color: #000;
	align-self: center;
}
.oc-2024-ver02-type01 .program-layout .program-detail .text-08,
.modaal-content-container .program-detail .text-08 {
	font-size: var(--px15);
	line-height: 100%;
	color: var(--color-red);
	align-self: center;
	display: inline-block;
	white-space: nowrap;
	padding: 1em;
	border: 1px solid var(--color-red);
	min-width: 6em;
}
.oc-2024-ver02-type01 .program-layout .program-detail .text-09,
.modaal-content-container .program-detail .text-09 {
	font-size: var(--px23);
	line-height: 175%;
	color: #000;
	flex: 1;
	text-align: left;
	align-self: center;
	font-weight: normal;
}
.oc-2024-ver02-type01 .program-layout .program-detail .text-12,
.modaal-content-container .program-detail .text-12 {
	font-size: var(--px35);
	line-height: 100%;
	color: #000;
}
.oc-2024-ver02-type01 .program-layout .program-detail .text-13,
.modaal-content-container .program-detail .text-13 {
	font-size: var(--px30);
	line-height: 175%;
	color: #000;
	width: 100%;
	text-align: center;
	align-self: center;
}
.oc-2024-ver02-type01 .program-layout .program-detail .text-13 .svg-icon,
.modaal-content-container .program-detail .text-13 .svg-icon {
	display: inline-block;
	width: 2.8em;
	height: auto;
	line-height: 40%;
	margin-left: 0.5em;
}
.oc-2024-ver02-type01 .program-layout a.inner-body-btn,
.modaal-content-container a.inner-body-btn {
	text-decoration: none;
}
.oc-2024-ver02-type01 .program-layout .program-detail .inner-body-btn .btn-03,
.modaal-content-container .program-detail .inner-body-btn .btn-03 {
	width: 80%;
	min-width: 420px;
	margin: 0 auto;
}
.oc-2024-ver02-type01 .program-layout .box .text-10 {
	font-size: var(--px50);
	font-weight: bold;
	line-height: 135%;
	text-align: center;
	color: #000;
}
.oc-2024-ver02-type01 .program-layout .box .text-11 {
	font-size: var(--px22);
	font-weight: bold;
	line-height: 175%;
	color: #000;
}
.oc-2024-ver02-type01 .program-layout .program-detail .inner-body-02 .text-12 {
	color: var(--color-blue-01);
}
.oc-2024-ver02-type01 .program-layout .program-detail .inner-body-02 p.text-11 + p.text-11,
.oc-2024-ver02-type01 .program-layout .program-detail .inner-body-02 p.text-12 + p.text-11 {
	margin-top: var(--px20);
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .article-04-02 {
		background-size: 20px 20px;
	}
	.oc-2024-ver02-type01 .article-04-01 .article-inner .text-01 {
		font-size: var(--px20);
	}
	.oc-2024-ver02-type01 .article-04-01 .article-inner .text-02 {
		font-size: var(--px14);
		margin-top: 1em;
	}
	.oc-2024-ver02-type01 .article-04-01 .oc2024-headline-area-01 .headline-decoration {
		top: auto;
		bottom: min(-60vw, -310%);
		right: var(--px53);
		width: 31.458vw;
	}
	.oc-2024-ver02-type01 .article-04-02 .article-inner {
		width: auto;
		margin: auto 5.208vw;
		padding: 0 0;
	}
	.oc-2024-ver02-type01 .program-layout {
		gap: var(--px38);
		margin-bottom: var(--px28);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-01,
	.oc-2024-ver02-type01 .program-layout .box.type-02 {
		width: 100%;
	}
	.oc-2024-ver02-type01 .program-layout .box .inner-01 {
		padding: var(--px30) 0;
	}
	.oc-2024-ver02-type01 .program-layout .box .inner-03 {
		padding: var(--px18) var(--px15);
	}
	.oc-2024-ver02-type01 .program-layout .box .inner-04-parent {
		margin: -41px 0 41px 0;
	}
	.oc-2024-ver02-type01 .program-layout .box .inner-04-parent.active {
		margin-bottom: 0;
	}
	.oc-2024-ver02-type01 .program-layout .box .inner-04 {
		border-radius: 24px;
		border: 5px solid var(--color-red);
		padding: calc(var(--px25) + 41px) var(--px25) var(--px25) var(--px25);
	}
	.oc-2024-ver02-type01 .program-layout .box .not-accordion .inner-04 {
		padding: calc(var(--px25) + 41px) 0 var(--px25) 0;
	}
	.oc-2024-ver02-type01 .program-layout .box .title {
		font-size: var(--px28);
	}
	.oc-2024-ver02-type01 .program-layout .box .text-01 {
		font-size: var(--px25);
		margin-bottom: 0;
	}
	.oc-2024-ver02-type01 .program-layout .box .text-02 {
		font-size: var(--px25);
	}
	.oc-2024-ver02-type01 .program-layout .box .text-03 {
		font-size: var(--px16);
		padding: 0;
	}
/*
.oc-2024-ver02-type01 .program-layout .box .text-04 {
	font-size: var(--px19);
	font-weight: bold;
	line-height: 140%;
	text-align: center;
	color: #000;
}
*/
	.oc-2024-ver02-type01 .program-layout .box .text-05 {
		font-size: var(--px10);
	}
	.oc-2024-ver02-type01 .program-layout .box .text-06 {
		font-size: var(--px18);
	}
	.oc-2024-ver02-type01 .program-layout .box .text-06 .sub-title {
		font-size: var(--px14);
	}
	.oc-2024-ver02-type01 .program-layout .box .text-07 {
		font-size: var(--px18);
		width: 100%;
	}
	.oc-2024-ver02-type01 .program-layout .box .text-btn-01 {
		font-size: var(--px14);
		width: 100% !important;
		margin: var(--px10) auto 0 auto;
		border-radius: var(--px14);
	}
	.oc-2024-ver02-type01 .program-layout .box .text-btn-01.en {
		font-size: var(--px15);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .type-02-grid-01 {
		width: 100%;
		padding: var(--px30) 0 0 0;
		background-color: #fff;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .type-02-grid-02 {
		width: 100%;
		padding: 0 0 var(--px30) 0;
		background-color: #fff;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .type-02-grid-01 .title {
		color: var(--color-red);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .color-03 .box-has-border-inner .type-02-grid-01 .title {
		color: var(--color-blue-01);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .type-02-grid-02 .text-01 {
		color: #000;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border-inner .type-02-grid-04 {
		padding: var(--px18) var(--px15) var(--px18) var(--px21);
	}
/*
*/
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .text-btn-01 {
		font-size: var(--px10);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .text-btn-01.en {
		font-size: var(--px11);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .box-has-border-inner {
		width: 100%;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, auto);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .box-has-border-inner .type-02-grid-01 {
		grid-area: 1 / 1 / 2 / 2;
		padding: 0 0 0 0;
		background-color: #fff;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .box-has-border-inner .type-02-grid-01.blank-grid-02 {
		grid-area: 1 / 1 / 2 / 3;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .box-has-border-inner .type-02-grid-01 .title {
		color: var(--color-red);
		font-size: var(--px22);
		padding: 0.4em 0;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active.color-03 .box-has-border-inner .type-02-grid-01 .title {
		color: var(--color-blue-01);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .box-has-border-inner .type-02-grid-02 {
		grid-area: 1 / 2 / 2 / 3;
		padding: 0 0 0 0;
		background-color: var(--color-red);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active.color-03 .box-has-border-inner .type-02-grid-02 {
		background-color: var(--color-blue-01);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .box-has-border-inner .type-02-grid-02 .text-01 {
		font-size: var(--px14);
		color: #fff;
		padding: 0.2em 0 0 0;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .box-has-border-inner .type-02-grid-03 { grid-area: 2 / 1 / 3 / 2; }
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .box-has-border-inner .type-02-grid-03 picture.notactive {
		display: none;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .box-has-border-inner .type-02-grid-03 picture.active {
		display: block;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .box-has-border-inner .type-02-grid-04 {
		grid-area: 2 / 2 / 3 / 3;
		padding: 0 var(--px15) 0 var(--px21);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-02 .box-has-border.active .box-has-border-inner .type-02-grid-04 .text-03 {
		font-size: var(--px12);
	}
/*
*/
	.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-01 {
		width: 100%;
		padding: var(--px30) 0 0 0;
		background-color: #fff;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-01 .title.color-01 {
		color: var(--color-red);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-01 .title.color-02 {
		color: var(--color-blue-01);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-01 .text-01 {
		color: #000;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-02 {
		width: 100%;
		padding: 0 0 var(--px10) 0;
		background-color: #fff;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-02 .title.color-01 {
		color: var(--color-red);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-02 .text-01,
	.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-02 .text-04 {
		color: #000;
	}
	.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-04 {
		width: 100%;
/*
		padding: var(--px37) var(--px15);
*/
		padding: var(--px18) var(--px15);
	}
	.oc-2024-ver02-type01 .program-layout .box.type-03 .box-has-border-inner .type-03-grid-04 .text-btn-01 {
		display: none !important;
	}
	.oc-2024-ver02-type01 .program-layout .program-detail,
	.modaal-content-container .program-detail {
		border: 6px solid #fff;
		border-radius: 20px;
		margin-top: var(--px20);
	}
	.modaal-content-container .program-detail {
		margin: calc(var(--px20) * -1);
		width: calc(100% + var(--px20) + var(--px20));
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .inner-head,
	.modaal-content-container .program-detail .inner-head {
		padding: var(--px12);
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .inner-body,
	.modaal-content-container .program-detail .inner-body {
		gap: var(--px10);
		width: calc(100% - var(--px48));
		margin: 0 auto;
		padding: var(--px24) 0;
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .inner-body + .inner-body,
	.modaal-content-container .program-detail .inner-body + .inner-body {
		padding-top: var(--px24);
		border-top: 1px solid #000;
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .inner-body + .inner-body:before {
		content: none;
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .inner-body-02 {
		width: calc(100% - 20px - 20px);
		margin: 0 auto var(--px25) auto;
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .inner-body-02b {
		width: calc(100% - 20px - 20px);
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .text-06,
	.modaal-content-container .program-detail .text-06 {
		font-size: var(--px14);
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .text-07,
	.modaal-content-container .program-detail .text-07 {
		font-size: var(--px14);
		width: 100%;
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .text-08,
	.modaal-content-container .program-detail .text-08 {
		width: 6em;
		font-size: var(--px10);
		padding: 1em 0.5em;
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .text-09,
	.modaal-content-container .program-detail .text-09 {
		font-size: var(--px14);
		width: calc(100% - 6em - var(--px10));
		margin-top: 0.2em;
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .text-12,
	.modaal-content-container .program-detail .text-12 {
		font-size: var(--px16);
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .text-13,
	.modaal-content-container .program-detail .text-13 {
		font-size: var(--px14);
	}
	.oc-2024-ver02-type01 .program-layout .box .text-10 {
		font-size: var(--px24);
	}
	.oc-2024-ver02-type01 .program-layout .box .text-11 {
		font-size: var(--px14);
	}
	.oc-2024-ver02-type01 .program-layout .box .photo-01 {
		width: 30%;
		padding: 2px;
	}
	.oc-2024-ver02-type01 .program-layout .program-detail .inner-body-btn .btn-03,
	.modaal-content-container .program-detail .inner-body-btn .btn-03 {
		width: 100%;
		min-width: auto;
	}
}
.oc-2024-ver02-type01 .article-04-03 {
	margin-top: 0 !important;
	padding: 0;
	background-color: #fff;
	background-image: url(../images/open_campus_2024/index/article04_bg.svg);
	background-repeat: repeat;
	background-position: center top;
	background-size: 30px 30px;
}
.oc-2024-ver02-type01 .article-04-03 .article-inner {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 var(--px40) var(--px80) var(--px40);
	background-color: #fff;
	text-align: center;
}
.oc-2024-ver02-type01 .article-04-03 .article-inner .title {
	width: 100%;
	max-width: 400px;
	margin: 0 auto var(--px45) auto;
}
.oc-2024-ver02-type01 .article-04-03 .article-inner .text-01 {
	font-size: var(--px35);
	font-weight: bold;
	line-height: 190%;
}
.oc-2024-ver02-type01 .article-04-03 .article-inner .box-01 {
	width: 100%;
	max-width: 545px;
	margin: var(--px35) auto;
}
.oc-2024-ver02-type01 .article-04-03 .hr-box {
	background-color: #fff;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .article-04-03 {
	}
	.oc-2024-ver02-type01 .article-04-03 .article-inner .title {
		max-width: 240px;
		margin: 0 auto var(--px45) auto;
	}
	.oc-2024-ver02-type01 .article-04-03 .article-inner .text-01 {
		font-size: var(--px24);
	}
}


/*
 article-05
*/
.oc-2024-ver02-type01 .article-05 {
	padding: var(--px70) 0 0 0;
}
.oc-2024-ver02-type01 .article-05 .article-inner {
	margin: 0 var(--px40);
	padding: var(--px30) 0 var(--px80) 0;
}
.oc-2024-ver02-type01 .article-05 .article-inner .inner-01 + .inner-01 {
	padding-top: var(--px56);
}
.oc-2024-ver02-type01 .article-05 .article-inner .inner-01 > .text-01 {
	font-size: var(--px35);
	font-weight: bold;
	text-align: center;
	line-height: 200%;
}
.modaal-area-01 .photo-01 {
	position: relative;
}
.modaal-area-01 .caption {
	position: absolute;
	top: var(--px20);
	left: 0;
	z-index: 2;
	display: inline-block;
	background-color: var(--color-red);
	padding: 0.5em 1.0em;
	font-size: var(--px20);
	font-weight: bold;
	color: #fff;
	line-height: 100%;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .article-05 {
		padding: var(--px36) 0 0 0;
	}
	.oc-2024-ver02-type01 .article-05 .article-inner {
		margin: 0 9%;
		padding: var(--px16) 0 var(--px52) 0;
	}
	.oc-2024-ver02-type01 .article-05 .article-inner .inner-01 + .inner-01 {
		padding-top: var(--px40);
	}
	.oc-2024-ver02-type01 .article-05 .article-inner .inner-01 > .text-01 {
		font-size: var(--px18);
	}
}


/*
 article-06
*/
.oc-2024-ver02-type01 .article-06 {
	padding: 1.318vw 0 0 0;
	background-image:
		url('../images/open_campus_2024/index/article06_bg_left.svg'),
		url('../images/open_campus_2024/index/article06_bg_right.svg');
	background-position:
		left top,
		right top;
	background-repeat: no-repeat, no-repeat;
	background-size:
		min(222px, 16.252vw) auto,
		min(222px, 16.252vw) auto;
}
.oc-2024-ver02-type01 .article-06 .article-inner {
	padding: var(--px30) 0 var(--px100) 0;
}
.oc-2024-ver02-type01 .article-06 .article-inner .inner-01 .text-01 {
	font-size: var(--px35);
	font-weight: bold;
	text-align: center;
	line-height: 200%;
}
.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 {
	width: 76.13%;
	margin: var(--px100) 14.86% 0 9.01%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 .box-01 {
	width: 50%;
}
.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 .box-01 .iframe-area {
	max-width: 510px;
	width: 100%;
	aspect-ratio: 1.3 / 1;
	margin: 0 auto;
}
.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 .box-01 iframe {
	width: 100%;
	height: 100%;
	border: none;
}
.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 .box-02 {
	width: 50%;
	padding: var(--px22) 0 0 var(--px30);
}
.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 .box-02 .text-02 {
	font-size: var(--px18);
	font-weight: bold;
}
.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 .box-02 .glb-listMarker {
	font-size: var(--px18);
	font-weight: bold;
	margin: var(--px35) 0;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .article-06 {
		padding: var(--px32) 0 0 0;
		background: none;
	}
	.oc-2024-ver02-type01 .article-06 .article-inner {
		padding: 0 0 var(--px32) 0;
	}
	.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 .box-01,
	.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 .box-02 {
		width: 100%;
	}
	.oc-2024-ver02-type01 .article-06 .article-inner .inner-01 .text-01 {
		font-size: var(--px18);
	}
	.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 {
		width: 75.00%;
		margin: var(--px30) auto 0 auto;
	}
	.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 .box-02 {
		padding: var(--px21) 0 0 0;
	}
	.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 .box-02 .text-02 {
		font-size: var(--px14);
	}
	.oc-2024-ver02-type01 .article-06 .article-inner .inner-02 .box-02 .glb-listMarker {
		font-size: var(--px12);
		margin: var(--px18) 0;
	}
}


/*
 article-07
*/
.oc-2024-ver02-type01 .article-07 {
	position: relative;
	padding: var(--px175) 0;
	background-color: var(--color-red);
}
.oc-2024-ver02-type01 .article-07 {
	position: relative;
	padding: var(--px175) 0;
	background-color: var(--color-red);
}
.oc-2024-ver02-type01 .article-07.type-02 {
	padding-top: var(--px50);
}
.oc-2024-ver02-type01 .article-07:before,
.oc-2024-ver02-type01 .article-07:after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: var(--px54);
	background-color: #fff;
	background-image: url('../images/open_campus_2024/index/article07_bg_edge.svg');
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 100%;
}
.oc-2024-ver02-type01 .article-07:before {
	top: 0;
}
.oc-2024-ver02-type01 .article-07:after {
	bottom: 0;
}
.oc-2024-ver02-type01 .article-07.type-02:before {
	content: none;
}
.oc-2024-ver02-type01 .article-07 .article-inner {
	position: relative;
	width: 74.23%;
	margin: 0 auto;
}
.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 {
	position; relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--px40) 0;
	margin: var(--px50);
}
.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 .box-01 {
	width: 100%;
}
.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 .box-02 {
	width: 50%;
	text-align: right;
}
.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 .box-03 {
	width: 50%;
}
.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 .box-03 .btn-area {
	margin-left: var(--px47);
	text-align: left;
}
.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 .box-04 {
	position: absolute;
	right: calc(var(--px60) * -1);
	top: calc(var(--px80) * -1);
}
.oc-2024-ver02-type01 .article-07 .article-inner .box-05 {
	position: absolute;
	right: calc(var(--px60) * -1);
	top: calc(var(--px80) * -1);
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-01 {
	text-align: center;
	font-size: var(--px27);
	line-height: 250%;
	font-weight: 600;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-color-01 {
	font-family: "franklin-gothic-atf", sans-serif;
	font-size: var(--px45);
	color: var(--color-red);
	margin-right: 0.1em;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-color-02 {
	font-size: var(--px35);
	border: 5px solid #2c2c2c;
	margin-right: 0.2em;
	padding: 0.2em 0.5em;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-02 {
	display: inline-block;
	text-align: left;
	font-size: var(--px28);
	font-weight: 600;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-03 {
	display: inline-block;
	position: relative;
	transform: rotate(14deg);
	font-size: var(--px25);
	font-weight: 600;
	line-height: 150%;
	text-align: center;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-04 {
	display: inline-block;
	text-align: left;
	font-size: var(--px22);
	font-weight: 600;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-05 {
	text-align: center;
	font-size: var(--px25);
	line-height: 200%;
	font-weight: 600;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-06 {
	text-align: center;
	font-size: var(--px22);
	font-weight: 600;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-07 {
	text-align: center;
	font-size: var(--px22);
	font-weight: 600;
	letter-spacing: 0.05em;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-color-03 {
	display: inline;
	line-height: 1em;
	padding: 0 0.2em 0.2em 0.2em;
	background-color: #ffec34;
	background: linear-gradient(transparent 50%, #ffec34 50%);
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-color-04 {
	color: #fff;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-color-05 {
	color: #06C755;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-color-06 {
	border-bottom: 2px solid var(--color-red);
	padding-bottom: 0.2em;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-color-04:before,
.oc-2024-ver02-type01 .article-07 .article-inner .text-color-04:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: -0.1em;
	left: 0;
	right: 0;
	margin: auto;
	width: 3px;
	height: 2.4em;
	background-color: #fff;
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-color-04:before {
	margin-left: -0.5em;
	transform: rotate(-30deg);
}
.oc-2024-ver02-type01 .article-07 .article-inner .text-color-04:after {
	margin-right: -0.5em;
	transform: rotate(30deg);
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .article-07 {
		padding: var(--px50) 0;
	}
	.oc-2024-ver02-type01 .article-07.type-02 {
		padding-top: var(--px30);
	}
	.oc-2024-ver02-type01 .article-07:before,
	.oc-2024-ver02-type01 .article-07:after {
		height: var(--px19);
	}
	.oc-2024-ver02-type01 .article-07 .article-inner {
		width: auto;
		margin: 0 9%;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 {
		gap: var(--px10) 0;
		margin: 0;
		padding: var(--px29) 0;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 .box-02,
	.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 .box-03,
	.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 .box-03 .btn-area {
		width: 100%;
		text-align: center;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 .box-03 .btn-area {
		margin-left: auto;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .inner-01 .box-04 {
		position: relative;
		right: auto;
		top: auto;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .box-05 {
		position: relative;
		right: auto;
		top: auto;
		text-align: center;
		margin-bottom: var(--px20);
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-01 {
		font-size: var(--px12);
		line-height: 300%;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-color-01 {
		font-size: var(--px20);
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-color-02 {
		font-size: var(--px20);
		border: 3px solid #2c2c2c;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-02 {
		display: inline-block;
		position: relative;
		text-align: left;
		font-size: var(--px11);
		font-weight: 600;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-02:before,
	.oc-2024-ver02-type01 .article-07 .article-inner .text-02:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: -0.1em;
		left: 0;
		right: 0;
		margin: auto;
		width: 2px;
		height: 1.4em;
		background-color: #2c2c2c;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-02:before {
		margin-left: -1em;
		transform: rotate(-45deg);
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-02:after {
		margin-right: -1em;
		transform: rotate(45deg);
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-03 {
		position: relative;
		transform: rotate(0);
		font-size: var(--px16);
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-04 {
		font-size: var(--px13);
		text-align: center;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-05 {
		font-size: var(--px16);
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-06 {
		font-size: var(--px12);
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-07 {
		font-size: var(--px16);
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-color-03 {
		padding-right: 0;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-color-03 + .text-color-03 {
		padding-left: 0;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-color-04 {
		color: var(--color-red);
		padding-bottom: 3px;
		border-bottom: 3px solid var(--color-red);
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-color-04.type-02 {
		color: #fff;
		padding-bottom: 0;
		border-bottom: none;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-color-04:before,
	.oc-2024-ver02-type01 .article-07 .article-inner .text-color-04:after {
		display: none;
	}
	.oc-2024-ver02-type01 .article-07 .article-inner .text-color-04.type-02:before,
	.oc-2024-ver02-type01 .article-07 .article-inner .text-color-04.type-02:after {
		display: block;
	}
}


/*
 article-08
*/
.oc-2024-ver02-type01 .article-08 {
	position: relative;
	padding: var(--px135) 0 0 0;
}
.oc-2024-ver02-type01 .article-08.type-02 {
	padding-bottom: var(--px80);
}
.oc-2024-ver02-type01 .article-08.type-02:before {
	content: '';
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: var(--px54);
	background-color: #fff;
	background-image: url('../images/open_campus_2024/index/article07_bg_edge.svg');
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 100%;
}
.oc-2024-ver02-type01 .article-08 .article-inner {
	width: 78.77%;
	margin: 0 auto;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 2.5% 0 0 0;
	border: 6px solid var(--color-red);
	border-radius: var(--px20);
	color: var(--color-red);
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .title {
	position: absolute;
	top: calc(var(--px16) * -1);
	bottom: auto;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .title p {
	display: inline-block;
	font-size: var(--px28);
	font-weight: bold;
	line-height: 100%;
	background-color: #fff;
	padding: 0 1em;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .box-01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 30.5%;
	margin-left: 2.5%;
	text-align: center;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .box-01 + .box-01 {
	padding-left: 2.5%;
	border-left: 1px solid var(--color-red);
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .box-02 {
	width: 100%;
	margin-top: 2.5%;
	padding: var(--px17) 0;
	text-align: center;
	background-color: var(--color-red);
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .bk-headline-area-01 {
	width: 100%;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .bk-headline-area-01 .hdl {
	width: 81.4%;
	margin: 0 auto;
	text-align: center;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-01 {
	font-size: var(--px18);
	letter-spacing: 0.075em;
	line-height: 145%;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-02 {
	font-size: var(--px16);
	line-height: 145%;
	margin-top: var(--px35);
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-03 {
	font-size: var(--px18);
	line-height: 100%;
	margin-bottom: var(--px32);
	padding-bottom: 0.4em;
	border-bottom: 1px dashed var(--color-red);
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-03 .font-franklin-r {
	font-size: 1.5em;
	font-weight: 600;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-04 {
	font-size: var(--px16);
	line-height: 180%;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-04 {
	list-style-type: none;
	padding-left: 1.0em;
	text-indent: -0.35em;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-04 > span {
	position: relative;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-04 > span:before {
	content: '';
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: var(--color-red);
	position: relative;
	left: -0.5em;
	top: -0.2em;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-05 {
	font-size: var(--px19);
	font-weight: bold;
	color: #fff;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-05 span {
	font-size: var(--px25);
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-05 span a {
	position: relative;
	color: #fff;
	text-decoration: none;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-05 span a:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -0.3em;
	width: 100%;
	transform: translateX(-50%);
	border-bottom: 3px solid #fff;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-05 span a:hover:before {
	animation: text-05-anim 1.5s ease-in-out 0s infinite;
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-02 {
	text-align: center;
	padding-bottom: var(--px60);
}
.oc-2024-ver02-type01 .article-08 .article-inner .inner-02 .text-06 {
	display: inline-block;
	font-size: var(--px41);
	font-weight: bold;
	line-height: 100%;
	color: #fff;
	background-color: var(--color-red);
	margin: 0 0 0.5em 0;
	padding: 0.3em 0.3em;
}
@keyframes text-05-anim {
	0% { width: 100%; }
	50% { width: 0%; }
	100%{ width: 100%; }
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .article-08 {
		padding: var(--px55) 0;
	}
	.oc-2024-ver02-type01 .article-08.type-02 {
		padding-bottom: var(--px55);
	}
	.oc-2024-ver02-type01 .article-08.type-02:before {
		height: var(--px19);
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 {
		padding: var(--px24) 0;
		border: 3px solid var(--color-red);
		border-radius: var(--px38);
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .title {
		top: calc(var(--px20) * -1);
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .title p {
		font-size: var(--px14);
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .box-01 {
		width: 75%;
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .box-01 + .box-01 {
		margin-left: 0;
		margin-top: var(--px24);
		padding-left: 0;
		border-left: none;
		padding-top: var(--px24);
		border-top: 1px solid var(--color-red);
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .box-02 {
		display: none;
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .bk-headline-area-01 .hdl {
		width: 96%;
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-01 {
		font-size: var(--px14);
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-02 {
		font-size: var(--px14);
		margin-top: var(--px14);
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-03 {
		display: inline-block;
		font-size: var(--px18);
		margin-bottom: var(--px28);
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-04 {
		font-size: var(--px14);
		text-align: left;
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-01 .text-05 span a:hover:before {
		animation: unset;
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-02 {
		padding-bottom: var(--px30);
	}
	.oc-2024-ver02-type01 .article-08 .article-inner .inner-02 .text-06 {
		display: block;
		font-size: var(--px21);
		white-space: nowrap;
	}
}


/*
 article-09
*/
.oc-2024-ver02-type01 .article-09 {
	position: relative;
	padding: var(--px65) 0;
}
.oc-2024-ver02-type01 .article-09.type-02 {
	padding-top: 0;
}
.oc-2024-ver02-type01 .article-09 .article-inner {
}
.oc-2024-ver02-type01 .article-09 .article-inner .text-01 {
	font-size: var(--px24);
	font-weight: bold;
	color: var(--color-red);
	text-align: center;
	line-height: 180%;
}
.oc-2024-ver02-type01 .article-09 .article-inner .text-01 a {
	text-decoration: none;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .article-09 {
		padding: var(--px65) 0 var(--px44) 0;
	}
	.oc-2024-ver02-type01 .article-09.type-02 {
		padding-top: 0;
		margin-top: 0;
	}
	.oc-2024-ver02-type01 .article-09:before {
		content: '';
		position: absolute;
		display: block;
		width: 100%;
		height: var(--px19);
		background-color: #fff;
		background-image: url('../images/open_campus_2024/index/article07_bg_edge.svg');
		background-position: center center;
		background-repeat: repeat-x;
		background-size: auto 100%;
	}
	.oc-2024-ver02-type01 .article-09:before {
		top: 0;
	}
	.oc-2024-ver02-type01 .article-09.type-02:before {
		content: none;
	}
	.oc-2024-ver02-type01 .article-09 .article-inner .text-01 {
		font-size: var(--px14);
	}
	.oc-2024-ver02-type01 .article-09 .article-inner .text-01 a {
		display: inline-block;
		color: #fff;
		background-color: var(--color-red);
		border-radius: 10px;
		margin-top: 1em;
		padding: 0.5em 0.75em;
	}
}


/*
 article-10
*/
.oc-2024-ver02-type01 .article-10 {
	position: relative;
	padding: 10.029vw 0 3vw 0;
}
.oc-2024-ver02-type01 .article-10 .article-inner {
	width: auto;
	margin: 0 var(--px120) var(--px80) var(--px120);
	padding: 0 var(--px40);
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .article-10 {
	}
	.oc-2024-ver02-type01 .article-10 .article-inner {
		margin: auto 5.208vw;
		padding: 0 0;
	}
}


/*
 oc2024-headline-box
*/
.oc-2024-ver02-type01 .oc2024-headline-area-01 {
	position: relative;
	width: 100%;
	text-align: center;
	margin: var(--px30) auto var(--px65) auto;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01 .headline-box {
	display: inline-block;
	margin: 0 auto;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-01 {
	font-family: "franklin-gothic-atf", sans-serif;
	font-size: var(--px90);
	font-weight: 600;
	line-height: 120%;
	color: var(--color-red);
}
.oc-2024-ver02-type01 .oc2024-headline-area-01.color-02 .hdl-01 {
	color: #fff;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-02 {
	font-size: var(--px20);
	font-weight: 600;
	color: var(--color-red);
}
.oc-2024-ver02-type01 .oc2024-headline-area-01.color-02 .hdl-02 {
	color: #fff;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-01 {
	width: auto;
	flex-grow: 1;
	margin-right: 8px;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-02 {
	width: 38px;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-02 svg {
	display: block;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-02 svg polyline {
	stroke: var(--color-red);
}
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-03 {
	width: auto;
	flex-grow: 1;
	margin-left: -9px;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-04 {
	width: 26px;
	margin-left: 10px;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-01,
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-03,
.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-04 {
	height: 9px;
	background-color: var(--color-red);
	border-radius: 5px;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01.color-02 .hdl-end .end-02 svg polyline {
	stroke: #fff;
}
.oc-2024-ver02-type01 .oc2024-headline-area-01.color-02 .hdl-end .end-01,
.oc-2024-ver02-type01 .oc2024-headline-area-01.color-02 .hdl-end .end-03,
.oc-2024-ver02-type01 .oc2024-headline-area-01.color-02 .hdl-end .end-04 {
	background-color: #fff;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .oc2024-headline-area-01 {
		margin: var(--px25) auto var(--px25) auto;
	}
	.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-01 {
		font-size: var(--px46);
	}
	.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-02 {
		font-size: var(--px14);
	}
	.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-01 {
		margin-right: 4px;
	}
	.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-02 {
		width: var(--px23);
	}
	.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-03 {
		margin-left: -4px;
	}
	.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-04 {
		width: var(--px11);
		margin-left: 4px;
	}
	.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-01,
	.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-03,
	.oc-2024-ver02-type01 .oc2024-headline-area-01 .hdl-end .end-04 {
		height: 4px;
	}
}


/*
 hr-box
*/
.oc-2024-ver02-type01 .hr-box {
	width: 100%;
	background: linear-gradient(transparent calc(100% - 5px), var(--color-red) 5px);
}
.oc-2024-ver02-type01 .hr-box .hr {
	width: min(1366px, 100%);
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .hr-box {
		width: 100%;
		background: none;
	}
}


/*
 oc2024-tabbox
*/
.oc-2024-ver02-type01 .tabbox .tab-area {
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}
.oc-2024-ver02-type01 .tabbox .tab-area .tab {
	position: relative;
	width: calc(50% - 10px);
	text-align: center;
	border: 3px solid #2c2c2c;
	border-bottom: 0px;
	border-radius: 20px 20px 0 0;
	padding: 5px 5px 8px 5px;
	cursor: pointer;
}
.oc-2024-ver02-type01 .tabbox .tab-area .tab:hover,
.oc-2024-ver02-type01 .tabbox .tab-area .tab.active {
	padding: 0;
	border-width: 8px;
	border-style: solid;
}
.oc-2024-ver02-type01 .tabbox .tab-area .tab.type-01:hover,
.oc-2024-ver02-type01 .tabbox .tab-area .tab.type-01.active {
	border-color: #005ba6;
}
.oc-2024-ver02-type01 .tabbox .tab-area .tab.type-02:hover,
.oc-2024-ver02-type01 .tabbox .tab-area .tab.type-02.active {
	border-color: var(--color-red);
}
.oc-2024-ver02-type01 .tabbox .tab-area .tab.active:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 13.7%;
	aspect-ratio: 1;
	z-index: 10;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
}
.oc-2024-ver02-type01 .tabbox .tab-area .tab.type-01.active:after {
	background-image: url(../images/open_campus_2024/index/largetab_active_horn_type01.svg);
}
.oc-2024-ver02-type01 .tabbox .tab-area .tab.type-02.active:after {
	background-image: url(../images/open_campus_2024/index/largetab_active_horn_type02.svg);
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .tabbox .tab-area {
		width: calc(100% - 22px);
		margin: 0 11px;
	}
	.oc-2024-ver02-type01 .tabbox .tab-area .tab {
		width: 49%;
		border: 2px solid #2c2c2c;
		border-bottom: 0px;
		border-radius: 15px 15px 0 0;
		padding: 4px 4px 8px 4px;
	}
	.oc-2024-ver02-type01 .tabbox .tab-area .tab:hover,
	.oc-2024-ver02-type01 .tabbox .tab-area .tab.active {
		padding: 2px 2px 0 2px;
		border-width: 4px;
		border-style: solid;
	}
	.oc-2024-ver02-type01 .tabbox .tab-area .tab.active:after {
		margin-top: 4px;
	}
}

.oc-2024-ver02-type01 .tabbox .table-area {
	width: 100%;
}
.oc-2024-ver02-type01 .tabbox .table-area .table-body {
	display: none;
}
.oc-2024-ver02-type01 .tabbox .table-area .table-body.active {
	width: 100%;
	display: block;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .tabbox .table-area {
	}
	.oc-2024-ver02-type01 .tabbox .table-area .table-body.active {
	}
}


/*
 oc2024-box-round-no-edge
*/
.oc-2024-ver02-type01 .box-round-no-edge {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-width: 10px;
	border-style: solid;
	background-color: #fff;
	border-radius: 55px;
	margin-bottom: var(--px40);
	overflow: hidden;
}
.oc-2024-ver02-type01 .box-round-no-edge.color-01 {
	border-color: var(--color-red);
}
.oc-2024-ver02-type01 .box-round-no-edge.color-02 {
	border-color: var(--color-blue-01);
}
.oc-2024-ver02-type01 .box-round-no-edge > *:first-child {
	padding-top: 45px !important;
}
.oc-2024-ver02-type01 .box-round-no-edge > *:last-child {
	padding-bottom: 45px !important;
}
.oc-2024-ver02-type01 .box-round-no-edge .box-round-inner-01 {
	width: 100%;
	padding: var(--px20) var(--px10);
	text-align: center;
	color: #fff;
}
.oc-2024-ver02-type01 .box-round-no-edge.color-01 .box-round-inner-01 {
	background-color: var(--color-red);
}
.oc-2024-ver02-type01 .box-round-no-edge.color-02 .box-round-inner-01 {
	background-color: var(--color-blue-01);
}
.oc-2024-ver02-type01 .box-round-no-edge.color-01 .box-round-inner-01.white-bg,
.oc-2024-ver02-type01 .box-round-no-edge.color-02 .box-round-inner-01.white-bg {
	background-color: #fff;
}
.oc-2024-ver02-type01 .box-round-no-edge.color-01 .box-round-inner-01.white-bg {
	color: var(--color-red);
}
.oc-2024-ver02-type01 .box-round-no-edge.color-02 .box-round-inner-01.white-bg {
	color: var(--color-blue-01);
}
.oc-2024-ver02-type01 .box-round-no-edge .box-round-title-area {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: var(--px30);
}
.oc-2024-ver02-type01 .box-round-no-edge .box-round-title-area .box-01 {
}
.oc-2024-ver02-type01 .box-round-no-edge .box-round-title-area .box-01.w-type-01 { width: 20%; }
.oc-2024-ver02-type01 .box-round-no-edge .box-round-title-area .box-01.w-type-02 { width: 10%; }
.oc-2024-ver02-type01 .box-round-no-edge .box-round-title-area .box-02 {
	text-align: left;
}
.oc-2024-ver02-type01 .box-round-no-edge .box-round-inner-02 {
	width: 100%;
	padding: var(--px20) var(--px40);
}
.oc-2024-ver02-type01 .box-round-no-edge .title-01 {
	font-size: var(--px26);
	font-weight: 700;
	line-height: 140%;
}
.oc-2024-ver02-type01 .box-round-no-edge .title-02 {
	font-size: var(--px60);
	font-weight: 700;
	line-height: 140%;
}
.oc-2024-ver02-type01 .box-round-no-edge .text-01 {
	font-size: var(--px22);
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.oc-2024-ver02-type01 .box-round-no-edge {
		border-width: 5px;
		border-radius: 24px;
		margin-bottom: var(--px20);
	}
	.oc-2024-ver02-type01 .box-round-no-edge > *:first-child {
		padding-top: 20px !important;
	}
	.oc-2024-ver02-type01 .box-round-no-edge > *:last-child {
		padding-bottom: 20px !important;
	}
	.oc-2024-ver02-type01 .box-round-no-edge .box-round-inner-01 {
		padding: var(--px12);
	}
	.oc-2024-ver02-type01 .box-round-no-edge .box-round-title-area {
		gap: var(--px20);
	}
	.oc-2024-ver02-type01 .box-round-no-edge .box-round-title-area .box-01.w-type-01 { width: 30%; }
	.oc-2024-ver02-type01 .box-round-no-edge .box-round-title-area .box-01.w-type-02 { width: 20%; }
	.oc-2024-ver02-type01 .box-round-no-edge .box-round-inner-02 {
		padding: var(--px12) var(--px24);
	}
	.oc-2024-ver02-type01 .box-round-no-edge .title-01 {
		font-size: var(--px18);
	}
	.oc-2024-ver02-type01 .box-round-no-edge .title-02 {
		font-size: var(--px26);
	}
	.oc-2024-ver02-type01 .box-round-no-edge .text-01 {
		font-size: var(--px14);
	}
}