@charset "UTF-8";


.block-ttl-style01.small {
	font-size: 1.4rem;
	margin-bottom: 0;
}
@media screen and (max-width: 834px) {
	.block-ttl-style01.small {
		font-size: 0.9rem;
		margin-bottom: 0;
	}
}

.block-sub-ttl {
	color: #00A0C8;
	font-size: 1.2rem;
	padding-bottom: 10px;
	margin-bottom: 10px;
	position: relative;
}
.block-sub-ttl:after {
	width: 350px;
	height: 6px;
	background-image: url("/admission/assets/img/about_img/txt-box-ttl-line.svg");
	left: 0;
	bottom: 0;
}
@media screen and (max-width: 834px) {
	.block-sub-ttl {
		color: #00A0C8;
		font-size: 1rem;
	}
	.block-sub-ttl:after {
		width: 220px;
		height: 6px;
		background-image: url("/admission/assets/img/about_img/txt-box-ttl-line.svg");
		background-size: cover;
		background-position: left center;
		left: 0;
		bottom: 0;
	}
}
.sub-block {
	margin-bottom: 100px;
}
.tab-content .sub-block:last-of-type {
	margin-bottom: 0;
}
@media screen and (max-width: 834px) {
	.sub-block {
		margin-bottom: 50px;
	}
}


/* YGUでのリアルライフ */

.lifestyle-tab-contents .tab-content {
	display: none;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;
}
.lifestyle-tab-contents .tab-content.active {
  display: block;
  opacity: 1;
}
.ls-tab-nav {
	width: 100%;
	position: relative;
	border-bottom: solid 1px #aaaaaa;
}
.ls-tab-nav ul {
	width: 96%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	height: 50px;
}
.ls-tab-nav ul li {
	width: 19.8%;
	position: relative;
	text-align: center;
	height: 100%;
	font-size: 0.9rem;
	padding: 13px 0 0;
	color: #FFF;
	cursor: pointer;
	transition: all .4s;
}
.ls-tab-nav ul li:before {
	width: 100%;
	height: 90%;
	opacity: .5;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: all .4s;
	border-radius: 4px 4px 0 0;
	background-color: #5C8FBE;
}
.ls-tab-nav ul li:nth-child(1):before {
	background-color: #5C8FBE;
}
.ls-tab-nav ul li:nth-child(2):before {
	background-color: #DC7B7F;
}
.ls-tab-nav ul li:nth-child(3):before {
	background-color: #E17B33;
}
.ls-tab-nav ul li:nth-child(4):before {
	background-color: #166382;
}
.ls-tab-nav ul li:nth-child(5):before {
	background-color: #4D9E3D;
}
.ls-tab-nav ul li.active {
	padding: 10px 0 0;
}
.ls-tab-nav ul li.active:before {
	height: 100%;
	opacity: 1;
}

@media screen and (max-width: 834px) {
	.ls-tab-nav {
		width: 100%;
		position: relative;
		border-bottom: none;
	}
	.ls-tab-nav ul {
		height: auto;
	}
	.ls-tab-nav ul li {
		width: 32.33%;
		position: relative;
		text-align: center;
		line-height: 40px;
		height: 40px;
		font-size: 0.8rem;
		padding: 0 0 0;
		color: #FFF;
		cursor: pointer;
		transition: all .4s;
		margin-bottom: 1%;
	}
	.ls-tab-nav ul li:nth-child(n + 4) {
		width: 49.5%;
	}
	.ls-tab-nav ul li:before {
		width: 100%;
		height: 100%;
		opacity: .5;
		bottom: 0;
		left: 0;
		z-index: -1;
		transition: all .4s;
		border-radius: 4px;
		background-color: #5C8FBE;
	}
	.ls-tab-nav ul li.active {
		padding: 0 0;
	}
}

.lifestyle-tab-contents {
	padding: 30px 0 40px;
}
.profile-box {
	background: #F1F2EA;
	border-radius: 10px;
	padding: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.profile-box .image {
	width: 40%;
}
.profile-box .image img {
	border-radius: 8px;
}
.profile-box .txt {
	width: 56%;
}
.profile-box .txt p {
	margin-bottom: 5px;
}
.profile-box .txt p:nth-child(1) {
	font-size: 1.5rem;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: dashed 1px #5C8FBE;
	max-width: 400px;
}
.profile-box .txt p:nth-child(2) span {
	font-size: 1.4rem;
}
.profile-box .txt p:nth-child(n+3) span {
	color: #FFF;
	border-radius: 4px;
	padding: 4px 10px;
	margin-right: 10px;
}
.tab-law .profile-box .txt p {
	color: #5C8FBE;
}
.tab-law .profile-box .txt p:nth-child(n+3) span  {
	background: #5C8FBE;
}
.tab-business .profile-box .txt p {
	color: #DC7B7F;
}
.tab-business .profile-box .txt p:nth-child(n+3) span  {
	background: #DC7B7F;
}
.tab-health .profile-box .txt p {
	color: #E17B33;
}
.tab-health .profile-box .txt p:nth-child(n+3) span  {
	background: #E17B33;
}
.tab-icla .profile-box .txt p {
	color: #166382;
}
.tab-icla .profile-box .txt p:nth-child(n+3) span  {
	background: #166382;
}
.tab-sports .profile-box .txt p {
	color: #4D9E3D;
}
.tab-sports .profile-box .txt p:nth-child(n+3) span  {
	background: #4D9E3D;
}
.one-day,
.one-week,
.one-year {
	margin: 30px auto 0;
}
.one-day .split-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0;
}
.one-day .split-box .day-chart {
	width: 30%;
}
.day-scrool-wrap {
	position: relative;
	width: 68%;
}
.day-scroll {
  margin-left: 40px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  position: relative;
  padding-bottom: 10px;
}
.day-scrool-wrap:after {
	width: 30px;
	height: 20px;
	background-image: url(/admission/assets/img/lifestyle_img/scroll-hand.svg);
	left: 5px;
	bottom: 0;
}
.day-scroll ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	margin-bottom: 20px;
}
.day-scroll ul li {
	width: 250px;
	margin-right: 15px;
	flex-shrink: 0;
	white-space: normal;
	word-wrap: break-word;
	display: flex;
	flex-direction: column;
}
.day-scroll ul li .time {
	width: 100%;
	height: 60px;
	margin-left: 15px;
	padding-left: 10px;
	border-left: dotted 3px var(--main-color);
	font-family: var(--en-font);
	color: var(--main-color);
	font-size: 2rem;
}
.day-scroll ul li .detail {
	width: 100%;
	background: #F1F2EA;
	padding: 15px 17px;
	flex: 1;
	border-radius: 4px;
}
.day-scroll ul li .detail .ttl {
	color: var(--main-color);
	font-size: 1rem;
}
.day-scroll ul li .detail p:not([class]) {
	font-size: 0.85rem;
	line-height: 1.8em;
}

.one-week ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 101%;
	position: relative;
	left: -0.5%;
	margin: 40px auto 0;
}
.one-week ul li {
	width: 24%;
	margin: 0 0.5% 3.5%;
	flex-shrink: 0;
	white-space: normal;
	word-wrap: break-word;
	display: flex;
	flex-direction: column;
	position: relative;
}
.one-week ul li .note {
	width: 100%;
	background: #F1F2EA;
	padding: 40px 20px 20px;
	flex: 1;
	border-radius: 4px;
}
.one-week ul li .note p {
	font-size: 0.9rem;
	line-height: 1.5em;
	padding: 6px 0;
	border-bottom: dashed 1px var(--main-color);
}
.one-week ul li .note p span {
	color: var(--main-color);
	font-size: 0.8rem;
	display: block;
	line-height: 1.5em;
	padding: 5px 5px;
}
.one-week ul li .week-photo {
	flex: 1;
}
.one-week ul li .week-photo img {
	object-fit: cover;
	height: 100%;
	border-radius: 4px;
}
.one-week ul li .label-week p {
	display: none;
}
.one-week ul li .label-week:before {
	width: 50px;
	height: 50px;
	left: 15px;
	top: -20px;
}
.label-week.sun:before {
	background-image: url(/admission/assets/img/lifestyle_img/week-sun.png);
}
.label-week.mon:before {
	background-image: url(/admission/assets/img/lifestyle_img/week-mon.png);
}
.label-week.tue:before {
	background-image: url(/admission/assets/img/lifestyle_img/week-tue.png);
}
.label-week.wed:before {
	background-image: url(/admission/assets/img/lifestyle_img/week-wed.png);
}
.label-week.thu:before {
	background-image: url(/admission/assets/img/lifestyle_img/week-thu.png);
}
.label-week.fri:before {
	background-image: url(/admission/assets/img/lifestyle_img/week-fri.png);
}
.label-week.sat:before {
	background-image: url(/admission/assets/img/lifestyle_img/week-sat.png);
}
.one-year ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 101%;
	position: relative;
	left: -0.5%;
	margin: 40px auto 0;
}
.one-year ul li {
	width: 24%;
	margin: 0 0.5% 3.5%;
	flex-shrink: 0;
	white-space: normal;
	word-wrap: break-word;
	display: flex;
	flex-direction: column;
	position: relative;
}
.one-year ul li .note {
	width: 100%;
	background: #F1F2EA;
	padding: 30px 20px 20px;
	flex: 1;
	border-radius: 4px;
}
.one-year ul li .note p {
	font-size: 0.9rem;
	line-height: 1.5em;
	padding: 6px 0;
	border-bottom: dashed 1px var(--main-color);
}
.one-year ul li .label-year p {
	display: none;
}
.one-year ul li .label-year:before {
	width: 140px;
	height: 30px;
	left: 0;
	top: -15px;
}
.label-year.jan:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-jan.png);
}
.label-year.feb:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-feb.png);
}
.label-year.mar:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-mar.png);
}
.label-year.apr:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-apr.png);
}
.label-year.may:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-may.png);
}
.label-year.jun:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-jun.png);
}
.label-year.jul:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-jul.png);
}
.label-year.aug:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-aug.png);
}
.label-year.sep:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-sep.png);
}
.label-year.oct:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-oct.png);
}
.label-year.nov:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-nov.png);
}
.label-year.dec:before {
	background-image: url(/admission/assets/img/lifestyle_img/flag-dec.png);
}
.label-year.may-jun:before {
	width: 240px!important;
	background-image: url(/admission/assets/img/lifestyle_img/flag-may-jun.png);
}
.label-year.aug-sep:before {
	width: 240px!important;
	background-image: url(/admission/assets/img/lifestyle_img/flag-aug-sep.png);
}
.label-year.oct-nov:before {
	width: 240px!important;
	background-image: url(/admission/assets/img/lifestyle_img/flag-oct-nov.png);
}
.label-year.feb-mar:before {
	width: 240px!important;
	background-image: url(/admission/assets/img/lifestyle_img/flag-feb-mar.png);
}
@media screen and (max-width: 834px) {
	.lifestyle-tab-contents {
		padding: 20px 0 30px;
	}
	.profile-box {
		background: #F1F2EA;
		border-radius: 10px;
		padding: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.profile-box .image {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 20px;
	}
	.profile-box .image img {
		border-radius: 8px;
	}
	.profile-box .txt {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
	.profile-box .txt p {
		margin-bottom: 5px;
	}
	.profile-box .txt p:nth-child(1) {
		font-size: 1.5rem;
		padding-bottom: 5px;
		margin-bottom: 10px;
		border-bottom: dashed 1px #5C8FBE;
		max-width: 400px;
	}
	.profile-box .txt p:nth-child(2) span {
		font-size: 1.2rem;
	}
	.profile-box .txt p:nth-child(n+3) span {
		color: #FFF;
		border-radius: 4px;
		padding: 4px 10px;
		margin-right: 10px;
		font-size: 0.9rem;
	}
	.tab-law .profile-box .txt p {
		color: #5C8FBE;
	}
	.tab-law .profile-box .txt p:nth-child(n+3) span  {
		background: #5C8FBE;
	}
	.one-day,
	.one-week,
	.one-year {
		margin: 20px auto 0;
	}
	.one-day .split-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 20px 0;
	}
	.one-day .split-box .day-chart {
		width: 100%;
		max-width: 300px;
		margin: 0 auto 30px;
	}
	.day-scrool-wrap {
		position: relative;
		width: 100%;
	}
	.day-scroll {
	margin-left: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	position: relative;
	}
	.day-scrool-wrap:after {
		width: 20px;
		height: 15px;
		background-image: url(/admission/assets/img/lifestyle_img/scroll-hand.svg);
		left: -5px;
		bottom: 0;
	}
	.day-scroll ul {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		margin-bottom: 20px;
	}
	.day-scroll ul li {
		width: 200px;
		margin-right: 10px;
		flex-shrink: 0;
		white-space: normal;
		word-wrap: break-word;
		display: flex;
		flex-direction: column;
	}
	.day-scroll::-webkit-scrollbar {
		height: 10px;
	}
	.day-scroll::-webkit-scrollbar-track {
		background-color: #F1F2EA;
		border-radius: 8px;
	}
	.day-scroll::-webkit-scrollbar-thumb {
		background-color: #00A0C8;
		border-radius: 8px;
	}
	.day-scroll ul li .time {
		width: 100%;
		height: 40px;
		margin-left: 15px;
		padding-left: 10px;
		border-left: dotted 3px var(--main-color);
		font-family: var(--en-font);
		color: var(--main-color);
		font-size: 1.5rem;
	}
	.day-scroll ul li .detail {
		width: 100%;
		background: #F1F2EA;
		padding: 20px;
		flex: 1;
		border-radius: 4px;
	}
	.day-scroll ul li .detail .ttl {
		color: var(--main-color);
		font-size: 1rem;
	}
	.day-scroll ul li .detail p:not([class]) {
		font-size: 0.9rem;
		line-height: 1.8em;
	}

	.one-week ul {
		margin: 40px auto 0;
	}
	.one-week ul li {
		width: 48%;
		margin: 0 1% 30px;
	}
	.one-week ul li .note {
		width: 100%;
		background: #F1F2EA;
		padding: 25px 10px 10px;
		flex: 1;
		border-radius: 4px;
	}
	.one-week ul li .note p {
		font-size: min(3vw,0.9rem);
		line-height: 1.6em;
		border-bottom: dashed 1px var(--main-color);
	}
	.one-week ul li .week-photo {
		flex: 1;
	}
	.one-week ul li .week-photo img {
		object-fit: cover;
		height: 100%;
		border-radius: 4px;
	}
	.one-week ul li .label-week p {
		display: none;
	}
	.one-week ul li .label-week:before {
		width: 40px;
		height: 40px;
		left: 15px;
		top: -20px;
	}
	.one-year ul {
		margin: 40px auto 0;
	}
	.one-year ul li {
		width: 48%;
		margin: 0 1% 30px;
	}
	.one-year ul li .note {
		width: 100%;
		background: #F1F2EA;
		padding: 10px 10px 10px;
		flex: 1;
		border-radius: 4px;
	}
	.one-year ul li .note p {
		font-size: min(3vw,0.9rem);
		line-height: 1.6em;
		border-bottom: dashed 1px var(--main-color);
	}
	.one-year ul li .label-year p {
		display: none;
	}
	.one-year ul li .label-year:before {
		width: 100px;
		height: 18px;
		left: 0;
		top: -10px;
		background-position: left center;
	}
}

.simplebar-track.simplebar-horizontal {
	height: 10px;
	background: #F1F2EA;
	border-radius: 5px;
	margin: 0 auto;
	z-index: 3;
}
.simplebar-scrollbar {
	height: 10px;
	background: #00A0C8;
	border-radius: 5px;
	top: 0;
}
.simplebar-track .simplebar-scrollbar::before{
  background: #47bfdd;
}