@charset "UTF-8";
/*
@import '../css/newfaculty2027.css';
*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
	国際共創学部LP
	.newfaculty2027
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* Infomation 
---------------------------------------------------------------------
File Name :  newfaculty2027.css
Create date :  2025/10/14
// Braek Points
// PC
@media screen and (max-width: 1439px) {
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 979px) {
}
// Tablet
@media screen and (max-width: 767px) {
}
// Phone
@media screen and (max-width: 580px) {
}
---------------------------------------------------------------------
*/


/* --------------------------------
	custom-property
-------------------------------- */
:root {
	--content-width: 1366;

	--color-ind-white-01: #fdfdfd;
	--color-ind-black-01: #1a1311;
	--color-ind-gray-01: #6d7979;
	--color-ind-gray-02: #aab6bd;
	--color-ind-green-01: #00aa72;
}
@media screen and (max-width: 767px) {
	:root {
		--content-width: 400;
	}
}

:root {
	--newfaculty--px10: calc(10 / var(--content-width) * 100vw);
	--newfaculty--px11: calc(11 / var(--content-width) * 100vw);
	--newfaculty--px12: calc(12 / var(--content-width) * 100vw);
	--newfaculty--px13: calc(13 / var(--content-width) * 100vw);
	--newfaculty--px14: calc(14 / var(--content-width) * 100vw);
	--newfaculty--px15: calc(15 / var(--content-width) * 100vw);
	--newfaculty--px16: calc(16 / var(--content-width) * 100vw);
	--newfaculty--px17: calc(17 / var(--content-width) * 100vw);
	--newfaculty--px18: calc(18 / var(--content-width) * 100vw);
	--newfaculty--px19: calc(19 / var(--content-width) * 100vw);
	--newfaculty--px20: calc(20 / var(--content-width) * 100vw);
	--newfaculty--px21: calc(21 / var(--content-width) * 100vw);
	--newfaculty--px22: calc(22 / var(--content-width) * 100vw);
	--newfaculty--px23: calc(23 / var(--content-width) * 100vw);
	--newfaculty--px24: calc(24 / var(--content-width) * 100vw);
	--newfaculty--px25: calc(25 / var(--content-width) * 100vw);
	--newfaculty--px26: calc(26 / var(--content-width) * 100vw);
	--newfaculty--px27: calc(27 / var(--content-width) * 100vw);
	--newfaculty--px28: calc(28 / var(--content-width) * 100vw);
	--newfaculty--px29: calc(29 / var(--content-width) * 100vw);
	--newfaculty--px30: calc(30 / var(--content-width) * 100vw);
	--newfaculty--px31: calc(31 / var(--content-width) * 100vw);
	--newfaculty--px32: calc(32 / var(--content-width) * 100vw);
	--newfaculty--px33: calc(33 / var(--content-width) * 100vw);
	--newfaculty--px34: calc(34 / var(--content-width) * 100vw);
	--newfaculty--px35: calc(35 / var(--content-width) * 100vw);
	--newfaculty--px36: calc(36 / var(--content-width) * 100vw);
	--newfaculty--px37: calc(37 / var(--content-width) * 100vw);
	--newfaculty--px38: calc(38 / var(--content-width) * 100vw);
	--newfaculty--px39: calc(39 / var(--content-width) * 100vw);
	--newfaculty--px40: calc(40 / var(--content-width) * 100vw);
	--newfaculty--px41: calc(41 / var(--content-width) * 100vw);
	--newfaculty--px42: calc(42 / var(--content-width) * 100vw);
	--newfaculty--px43: calc(43 / var(--content-width) * 100vw);
	--newfaculty--px44: calc(44 / var(--content-width) * 100vw);
	--newfaculty--px45: calc(45 / var(--content-width) * 100vw);
	--newfaculty--px46: calc(46 / var(--content-width) * 100vw);
	--newfaculty--px47: calc(47 / var(--content-width) * 100vw);
	--newfaculty--px48: calc(48 / var(--content-width) * 100vw);
	--newfaculty--px49: calc(49 / var(--content-width) * 100vw);
	--newfaculty--px50: calc(50 / var(--content-width) * 100vw);
	--newfaculty--px51: calc(51 / var(--content-width) * 100vw);
	--newfaculty--px52: calc(52 / var(--content-width) * 100vw);
	--newfaculty--px53: calc(53 / var(--content-width) * 100vw);
	--newfaculty--px54: calc(54 / var(--content-width) * 100vw);
	--newfaculty--px55: calc(55 / var(--content-width) * 100vw);
	--newfaculty--px56: calc(56 / var(--content-width) * 100vw);
	--newfaculty--px57: calc(57 / var(--content-width) * 100vw);
	--newfaculty--px58: calc(58 / var(--content-width) * 100vw);
	--newfaculty--px59: calc(59 / var(--content-width) * 100vw);
	--newfaculty--px60: calc(60 / var(--content-width) * 100vw);
	--newfaculty--px61: calc(61 / var(--content-width) * 100vw);
	--newfaculty--px62: calc(62 / var(--content-width) * 100vw);
	--newfaculty--px63: calc(63 / var(--content-width) * 100vw);
	--newfaculty--px64: calc(64 / var(--content-width) * 100vw);
	--newfaculty--px65: calc(65 / var(--content-width) * 100vw);
	--newfaculty--px66: calc(66 / var(--content-width) * 100vw);
	--newfaculty--px67: calc(67 / var(--content-width) * 100vw);
	--newfaculty--px68: calc(68 / var(--content-width) * 100vw);
	--newfaculty--px69: calc(69 / var(--content-width) * 100vw);
	--newfaculty--px70: calc(70 / var(--content-width) * 100vw);
	--newfaculty--px71: calc(71 / var(--content-width) * 100vw);
	--newfaculty--px72: calc(72 / var(--content-width) * 100vw);
	--newfaculty--px73: calc(73 / var(--content-width) * 100vw);
	--newfaculty--px74: calc(74 / var(--content-width) * 100vw);
	--newfaculty--px75: calc(75 / var(--content-width) * 100vw);
	--newfaculty--px76: calc(76 / var(--content-width) * 100vw);
	--newfaculty--px77: calc(77 / var(--content-width) * 100vw);
	--newfaculty--px78: calc(78 / var(--content-width) * 100vw);
	--newfaculty--px79: calc(79 / var(--content-width) * 100vw);
	--newfaculty--px80: calc(80 / var(--content-width) * 100vw);
	--newfaculty--px81: calc(81 / var(--content-width) * 100vw);
	--newfaculty--px82: calc(82 / var(--content-width) * 100vw);
	--newfaculty--px83: calc(83 / var(--content-width) * 100vw);
	--newfaculty--px84: calc(84 / var(--content-width) * 100vw);
	--newfaculty--px85: calc(85 / var(--content-width) * 100vw);
	--newfaculty--px86: calc(86 / var(--content-width) * 100vw);
	--newfaculty--px87: calc(87 / var(--content-width) * 100vw);
	--newfaculty--px88: calc(88 / var(--content-width) * 100vw);
	--newfaculty--px89: calc(89 / var(--content-width) * 100vw);
	--newfaculty--px90: calc(90 / var(--content-width) * 100vw);
	--newfaculty--px91: calc(91 / var(--content-width) * 100vw);
	--newfaculty--px92: calc(92 / var(--content-width) * 100vw);
	--newfaculty--px93: calc(93 / var(--content-width) * 100vw);
	--newfaculty--px94: calc(94 / var(--content-width) * 100vw);
	--newfaculty--px95: calc(95 / var(--content-width) * 100vw);
	--newfaculty--px96: calc(96 / var(--content-width) * 100vw);
	--newfaculty--px97: calc(97 / var(--content-width) * 100vw);
	--newfaculty--px98: calc(98 / var(--content-width) * 100vw);
	--newfaculty--px99: calc(99 / var(--content-width) * 100vw);
	--newfaculty--px100: calc(100 / var(--content-width) * 100vw);
	--newfaculty--px101: calc(101 / var(--content-width) * 100vw);
	--newfaculty--px102: calc(102 / var(--content-width) * 100vw);
	--newfaculty--px103: calc(103 / var(--content-width) * 100vw);
	--newfaculty--px104: calc(104 / var(--content-width) * 100vw);
	--newfaculty--px105: calc(105 / var(--content-width) * 100vw);
	--newfaculty--px106: calc(106 / var(--content-width) * 100vw);
	--newfaculty--px107: calc(107 / var(--content-width) * 100vw);
	--newfaculty--px108: calc(108 / var(--content-width) * 100vw);
	--newfaculty--px109: calc(109 / var(--content-width) * 100vw);
	--newfaculty--px110: calc(110 / var(--content-width) * 100vw);
	--newfaculty--px111: calc(111 / var(--content-width) * 100vw);
	--newfaculty--px112: calc(112 / var(--content-width) * 100vw);
	--newfaculty--px113: calc(113 / var(--content-width) * 100vw);
	--newfaculty--px114: calc(114 / var(--content-width) * 100vw);
	--newfaculty--px115: calc(115 / var(--content-width) * 100vw);
	--newfaculty--px116: calc(116 / var(--content-width) * 100vw);
	--newfaculty--px117: calc(117 / var(--content-width) * 100vw);
	--newfaculty--px118: calc(118 / var(--content-width) * 100vw);
	--newfaculty--px119: calc(119 / var(--content-width) * 100vw);
	--newfaculty--px120: calc(120 / var(--content-width) * 100vw);
	--newfaculty--px125: calc(125 / var(--content-width) * 100vw);
	--newfaculty--px130: calc(130 / var(--content-width) * 100vw);
	--newfaculty--px135: calc(135 / var(--content-width) * 100vw);
	--newfaculty--px140: calc(140 / var(--content-width) * 100vw);
	--newfaculty--px145: calc(145 / var(--content-width) * 100vw);
	--newfaculty--px150: calc(150 / var(--content-width) * 100vw);
	--newfaculty--px155: calc(155 / var(--content-width) * 100vw);
	--newfaculty--px160: calc(160 / var(--content-width) * 100vw);
	--newfaculty--px165: calc(165 / var(--content-width) * 100vw);
	--newfaculty--px170: calc(170 / var(--content-width) * 100vw);
	--newfaculty--px175: calc(175 / var(--content-width) * 100vw);
	--newfaculty--px180: calc(180 / var(--content-width) * 100vw);
	--newfaculty--px185: calc(185 / var(--content-width) * 100vw);
	--newfaculty--px190: calc(190 / var(--content-width) * 100vw);
	--newfaculty--px195: calc(195 / var(--content-width) * 100vw);
	--newfaculty--px200: calc(200 / var(--content-width) * 100vw);
	--newfaculty--px205: calc(205 / var(--content-width) * 100vw);
	--newfaculty--px210: calc(210 / var(--content-width) * 100vw);
	--newfaculty--px215: calc(215 / var(--content-width) * 100vw);
	--newfaculty--px220: calc(220 / var(--content-width) * 100vw);
	--newfaculty--px225: calc(225 / var(--content-width) * 100vw);
	--newfaculty--px230: calc(230 / var(--content-width) * 100vw);
	--newfaculty--px235: calc(235 / var(--content-width) * 100vw);
	--newfaculty--px240: calc(240 / var(--content-width) * 100vw);
	--newfaculty--px245: calc(245 / var(--content-width) * 100vw);
	--newfaculty--px250: calc(250 / var(--content-width) * 100vw);
	--newfaculty--px255: calc(255 / var(--content-width) * 100vw);
	--newfaculty--px260: calc(260 / var(--content-width) * 100vw);
	--newfaculty--px265: calc(265 / var(--content-width) * 100vw);
	--newfaculty--px270: calc(270 / var(--content-width) * 100vw);
	--newfaculty--px275: calc(275 / var(--content-width) * 100vw);
	--newfaculty--px280: calc(280 / var(--content-width) * 100vw);
	--newfaculty--px285: calc(285 / var(--content-width) * 100vw);
	--newfaculty--px290: calc(290 / var(--content-width) * 100vw);
	--newfaculty--px295: calc(295 / var(--content-width) * 100vw);
	--newfaculty--px300: calc(300 / var(--content-width) * 100vw);
}


/* --------------------------------
	section, contentWrapper
-------------------------------- */
section + section {
	margin-top: 0;
}

.contentWrapper {
	overflow: hidden;
}
@media screen and (max-width: 767px) {
	.contentWrapper {
		overflow-x: hidden;
	}
}


/* --------------------------------
	mainvisual
-------------------------------- */
.mainvisual {
	aspect-ratio: 1366 / 767;
	background-color: transparent;
	background-image: url(../images/newfaculty2027/index/loader.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 5% auto;
	position: relative;
}
.mainvisual .mainvisual-pc {
	position: relative;
	z-index: 1;
}
.mainvisual .mainvisual-pc-blend {
	position: absolute;
	top: 0;
	left: 0;
	aspect-ratio: 1366 / 767;
	mix-blend-mode: screen;
	z-index: 2;
}
.mainvisual .mainvisual-pc-blend video {
	width: 100%;
	pointer-events: none;
	transition: opacity 1.5s ease-out;
}
.mainvisual.v02 .mainvisual-pc-blend video {
	opacity: 1;
	transition: opacity 0.5s ease-out;
}
.mainvisual.v03 .mainvisual-pc-blend video {
	opacity: 1;
	transition: opacity 1.5s ease-out;
}
.mainvisual.v04 .mainvisual-pc-blend video {
	opacity: 1;
	transition: opacity 1.5s ease-out;
}
.mainvisual.v02 .mainvisual-pc-blend video.not-active,
.mainvisual.v03 .mainvisual-pc-blend video.not-active,
.mainvisual.v04 .mainvisual-pc-blend video.not-active {
	opacity: 0;
}
.mainvisual .mainvisual-pc-blend video.not-active {
	opacity: 0;
}
@media screen and (max-width: 767px) {
	.mainvisual {
		aspect-ratio: 768 / 753;
	}
	.mainvisual .mainvisual-pc-blend {
		aspect-ratio: 768 / 753;
	}
}


/* --------------------------------
	content-body
-------------------------------- */
.content-body {
	opacity: 0;
	height: 0;
	transition: opacity .3s ease-in-out;
}
.content-body.active {
	opacity: 1;
	height: auto;
}
/* 開発用 */
.mv-none .mainvisual {
	background-color: #aaa;
}
.mv-none .content-body {
	opacity: 0;
}
.mv-none .content-body.active {
	opacity: 1;
}


/* --------------------------------
	container
-------------------------------- */
.ind-container-01 {
	max-width: none;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.ind-containerInner-01 {
	height: auto;
	padding-left: calc(133 / var(--content-width) * 100vw);
	padding-right: calc(133 / var(--content-width) * 100vw);
}
@media screen and (max-width: 767px) {
	.ind-containerInner-01 {
		height: 100%;
		padding-left: var(--newfaculty--px32);
		padding-right: var(--newfaculty--px32);
	}
}


/* --------------------------------
	article
-------------------------------- */
section > article + article {
	margin-top: 0;
}
article.bg-type-01 {
	position: relative;
	aspect-ratio: 1366 / 1063;
	background-color: transparent;
	background-image: url(../images/newfaculty2027/index/bg_01_3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
article.bg-type-02 {
	position: relative;
	aspect-ratio: 1366 / 1032;
	background-color: transparent;
	background-image: url(../images/newfaculty2027/index/bg_02_3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
article.bg-type-03 {
	position: relative;
	aspect-ratio: 1366 / 1136;
	background-color: transparent;
	background-image: url(../images/newfaculty2027/index/bg_03_3.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
article.bg-type-04 {
}
@media screen and (max-width: 767px) {
	article.bg-type-01 {
		aspect-ratio: auto;
		height: 280.75vw;
		background-image: url(../images/newfaculty2027/index/bg_01_2@sp.jpg);
	}
	article.bg-type-02 {
		aspect-ratio: auto;
		height: 188.00vw;
		background-image: url(../images/newfaculty2027/index/bg_02_2@sp.jpg);
	}
	article.bg-type-03 {
		aspect-ratio: auto;
		height: 179.25vw;
		background-image: url(../images/newfaculty2027/index/bg_03_2@sp.jpg);
	}
	article.bg-type-04 {
	}
}


/* --------------------------------
	layout
-------------------------------- */
/* ind-layout-container-01 */
.ind-layout-container-01 {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding: var(--newfaculty--px88) var(--newfaculty--px40);
	text-align: left;
}
.container-size-01 {
}
.container-size-02 {
}
@media screen and (max-width: 767px) {
	.ind-layout-container-01 {
		padding: var(--newfaculty--px62) 0 var(--newfaculty--px230) 0;
	}
}

/* ind-layout-container-02 */
.ind-layout-container-02 {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 0 0 var(--newfaculty--px64) 0;
	gap: var(--newfaculty--px75);
}
@media screen and (max-width: 767px) {
	.ind-layout-container-02 {
		padding: 0 0 var(--newfaculty--px24) 0;
	}
}

/* ind-layout-container-03 */
.ind-layout-container-03 {
	width: 100%;
	height: 100%;
	padding: calc(202 / var(--content-width) * 100vw) 0 calc(292 / var(--content-width) * 100vw) 0;
}
.container-size-03 {
}
@media screen and (max-width: 767px) {
	.ind-layout-container-03 {
		padding: 0;
	}
	.container-size-03 {
	}
}

/* ind-layout-container-04 */
.ind-layout-container-04 {
	width: 100%;
	height: 100%;
	padding: 0 0 var(--newfaculty--px160) 0;
}

/* ind-layout-grid-01 */
.ind-layout-grid-01 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--newfaculty--px40);
}
.ind-layout-grid-01 .ind-layout-box-01 {
	width: 100%;
}

/* ind-layout-grid-02 */
.ind-layout-grid-02 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
}
.ind-layout-grid-02 .ind-layout-box-01 {
	width: var(--newfaculty--px21);
	margin-left: -23%;
}
.ind-layout-grid-02 .ind-layout-box-02 {
	width: var(--newfaculty--px21);
}
@media screen and (max-width: 767px) {
	.ind-layout-grid-02 .ind-layout-box-01 {
		width: var(--newfaculty--px18);
		margin-left: -40%;
	}
	.ind-layout-grid-02 .ind-layout-box-02 {
		width: var(--newfaculty--px24);
	}
}

/* ind-layout-grid-03 */
.ind-layout-grid-03 {
	position: absolute;
	bottom: var(--newfaculty--px35);
}
.ind-layout-grid-03 .inner-01 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	overflow: hidden;
}
.ind-layout-grid-03 .inner-01 .box-01 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: calc(133.6vw + var(--newfaculty--px10) + var(--newfaculty--px10));
	max-width: 1825px;
	animation: infinity-scroll-right 40s infinite linear both;
}
.ind-layout-grid-03 .inner-01 .photo-01 {
	flex-shrink: 0;
	width: calc(123.02vw + var(--newfaculty--px10) + var(--newfaculty--px10));
	max-width: 1825px;
	padding: 0 var(--newfaculty--px10);
}
@keyframes infinity-scroll-right {
	from { transform: translateX(0%); }
	to { transform: translateX(-100%); }
}
@media screen and (max-width: 767px) {
	.ind-layout-grid-03 {
		bottom: 40vw;
		padding-bottom: 0;
	}
	.ind-layout-grid-03 .inner-01 .box-01 {
		width: calc(160.0vw + 5px + 5px);
	}
	.ind-layout-grid-03 .inner-01 .photo-01 {
		width: calc(160vw + 5px + 5px);
		padding: 0 5px;
	}
}

/* ind-layout-grid-04 */
.ind-layout-grid-04 .inner-01 {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: var(--newfaculty--px40);
}
.ind-layout-grid-04 .ind-layout-box-01 {
	width: 100%;;
}
.ind-layout-grid-04 .ind-layout-box-02 {
	width: 100%;;
}


/* --------------------------------
	heading, image & text
-------------------------------- */
body {
	color: var(--color-ind-black-01);
	font-weight: bold;
}
h2.ind-hdl {
	font-size: var(--newfaculty--px40);
	line-height: 150%;
	letter-spacing: 0.05em;
}
h3.ind-hdl {
	font-size: var(--newfaculty--px40);
	line-height: 100%;
	letter-spacing: 0.05em;
	color: var(--color-ind-gray-01);
	display: inline-block;
	padding: var(--newfaculty--px20) var(--newfaculty--px44);
	border-top: 2px solid var(--color-ind-gray-02);
	border-bottom: 2px solid var(--color-ind-gray-02);
}
h3.ind-hdl .en {
	font-family: "franklin-gothic-atf", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: var(--newfaculty--px64);
}
h3.ind-hdl .small {
	font-size: var(--newfaculty--px20);
	font-weight: 600;
	line-height: 100%;
}
p.text-01 {
	font-size: var(--newfaculty--px22);
	line-height: 210%;
	font-weight: 600;
	letter-spacing: 0.05em;
}
p.text-02 {
	color: var(--color-ind-gray-01);
	font-size: var(--newfaculty--px38);
	line-height: 210%;
	letter-spacing: 0.05em;
	writing-mode: vertical-rl;
}
p.text-02 .type-01 {
	font-size: var(--newfaculty--px26);
}
p.text-02 .type-02 {
	display: inline-block;
	border-right: 3px solid var(--color-ind-gray-01);
	line-height: 150%;
}
img.img-size-01 {
	width: var(--newfaculty--px21);
}
img.img-size-02 {
	width: 68.8%;
}
img.img-size-03 {
	width: 60.6%;
}
img.img-size-04 {
	width: 47.3%;
}
@media screen and (max-width: 767px) {
	h2.ind-hdl {
		font-size: var(--newfaculty--px34);
	}
	h3.ind-hdl {
		width: 100%;
		font-size: var(--newfaculty--px28);
		white-space: nowrap;
		padding: var(--newfaculty--px16) 0;
	}
	h3.ind-hdl .en {
		font-size: var(--newfaculty--px45);
	}
	h3.ind-hdl .small {
		font-size: var(--newfaculty--px16);
	}
	p.text-01 {
		font-size: var(--newfaculty--px16);
	}
	p.text-02 {
		font-size: var(--newfaculty--px26);
		line-height: 210%;
		letter-spacing: 0.05em;
		writing-mode: vertical-rl;
	}
	p.text-02 .type-01 {
		font-size: var(--newfaculty--px18);
		background-color: var(--color-ind-white-01);
		padding: 0.2em;
	}
	p.text-02 .type-02 {
		display: inline-block;
		border-right: 3px solid var(--color-ind-gray-01);
		line-height: 150%;
	}
	img.img-size-01 {
		width: var(--newfaculty--px18);
	}
	img.img-size-02 {
		width: 100%;
	}
	img.img-size-03 {
		width: 66.7%;
	}
	img.img-size-04 {
		width: 100%;
	}
}


/* --------------------------------
	chart
-------------------------------- */
.chart-01 {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 68.2%;
	aspect-ratio: 750 / 839;
	margin: 0 auto;
}
.chart-01:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 85.9%;
	aspect-ratio: 1 / 1;
	border: var(--newfaculty--px30) solid var(--color-ind-gray-01);
	border-radius: 50%;
}
.chart-01 .chart-inner-01 {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.chart-01 .chart-inner-01.size-01 {
	width: 100%;
	align-self: flex-start;
	order: 1;
}
.chart-01 .chart-inner-01.size-02 {
	width: 50%;
	align-self: end;
	order: 3;
}
.chart-01 .chart-inner-01.size-02 .chart-circle {
	margin: auto auto auto 0;
}
.chart-01 .chart-inner-01.size-03 {
	width: 50%;
	align-self: end;
	order: 4;
}
.chart-01 .chart-inner-01.size-03 .chart-circle {
	margin: auto 0 auto auto;
}
.chart-01 .chart-inner-01.size-04 {
	width: 100%;
	position: absolute;
}
.chart-01 .chart-circle {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: calc(328 / var(--content-width) * 100vw);
	aspect-ratio: 1 / 1;
	background-color: var(--color-ind-green-01);
	border-radius: 50%;
	border: var(--newfaculty--px17) solid #fff;
	z-index: 0;
}
.chart-01 .chart-circle .chart-circle-inner {
}
.chart-01 .text-03 {
	color: var(--color-ind-white-01);
	font-size: var(--newfaculty--px40);
	line-height: 150%;
	text-decoration: underline;
}
.chart-01 .text-03.type-small {
	font-size: var(--newfaculty--px24);
}
.chart-01 .text-04 {
	color: var(--color-ind-white-01);
	font-size: var(--newfaculty--px16);
	font-weight: 600;
	line-height: 150%;
}
.chart-01 .text-05 {
	font-size: var(--newfaculty--px38);
	line-height: 150%;
}
.chart-01 .text-05 span {
	display: inline-block;
	color: var(--color-ind-white-01);
	background-color: var(--color-ind-green-01);
	margin: 0 0.2em;
}

.chart-01 .text-06 {
	display: none;
}
@media screen and (max-width: 767px) {
	.chart-01 {
		width: 100%;
		aspect-ratio: 336 / 378;
	}
	.chart-01:before {
		width: 90.5%;
		border: var(--newfaculty--px15) solid var(--color-ind-gray-01);
	}
	.chart-01 .chart-inner-01.active {
		z-index: 1;
	}
	.chart-01 .chart-circle {
		width: 34.25vw;
		border: 9px solid #fff;
	}
	.chart-01 .text-03 {
		font-size: var(--newfaculty--px17);
	}
	.chart-01 .text-03.type-small {
		font-size: var(--newfaculty--px11);
	}
	.chart-01 .text-04 {
		display: none;
		font-size: var(--newfaculty--px14);
	}
	.chart-01 .text-05 {
		font-size: var(--newfaculty--px18);
	}
	.chart-01 .text-cover-item {
		display: none;
	}
	.chart-01 .text-04.active {
		display: block;
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		margin: -4.533vw auto 0 auto;
		padding: 1em 0;
		width: 84.000vw;
		border: 1px solid var(--color-red);
		background-color: rgba(0, 170, 114, 0.95);
	}
	.chart-01 .text-cover-item.active {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100vw;
		height: 100vh;
		cursor: pointer;
		background-color: transparent;
	}
	.chart-01 .text-06 {
		display: block;
		position: relative;
		width: 9.067vw;
		height: 9.067vw;
		margin: 3.200vw auto 0 auto;
		cursor: pointer;
	}
	.chart-01 .text-06:after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		border: 1px solid #fff;
		box-sizing: border-box;
		border-radius: 50%;
		pointer-events: none;
		transform-origin: center;
		transform: scale(1.5);
		animation: .75s ind-circle-anim ease-out infinite;
	}
}
@keyframes ind-circle-anim {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	30%{
		opacity: .6;
		transform: scale(1.25);
	}
	100% {
		opacity: .1;
		transform: scale(1.5);
	}
}