@charset "UTF-8";

.hero {
	margin-bottom: 150px;
}

.hero_wrap {
	display: flex;
	/* align-items: center; */
}

.hero_wrap_cnt {
	position: relative;
	width: calc(100% - 700px);
	min-width: 550px;
}

.img-hero {
	position: absolute;
	top: 0;
	right: -45px;
	z-index: -1;
	max-height: 550px;
	overflow: hidden;
}

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

.hero_cnt {
	display: flex;
	flex-flow: column;
	justify-content: center;
	max-width: 700px;
	height: 460px;
	margin-top: 40px;
	padding: 0 50px 0 70px;
	background: linear-gradient(to bottom right, #ff671d, #f5d900);
}

.hero_cnt_ttl {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
	color: #ffffff;
	font-weight: bold;
	font-size: 40px;
	line-height: 45px;
}

.hero_cnt_ttl::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 55px;
	height: 4px;
	background: #f5d900;
}

.hero_cnt_ttl span {
	font-size: 25px;
	line-height: 30px;
}

.hero_cnt_intro {
	margin-bottom: 20px;
	color: #ffffff;
	font-weight: bold;
	font-size: 25px;
}

.hero_cnt_txt {
	color: #ffffff;
}

.vis {
	position: relative;
	z-index: 1;
	margin-bottom: 85px;
	padding-top: 95px;
	padding-bottom: 93px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #6c6560;
}

.vis-cuisine {
	background-image: url(/assets/img/campus_cuisine/pt-main@2x.jpg);
}

.vis-confection {
	background-image: url(/assets/img/campus_confection/pt-main@2x.jpg);
}

.vis::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.53);
}

.vis_inner {
	max-width: 427px;
}

.vis_box {
	min-height: 427px;
	padding: 90px 20px 40px;
	border: 3px solid #ffffff;
	box-sizing: border-box;
	color: #ffffff;
}

.vis_areaTxt {
	max-width: 323px;
	margin: 0 auto;
}

.vis_title {
	margin-bottom: 33px;
	font-weight: bold;
	font-size: 40px;
	line-height: 1.3;
	text-align: center;
}

.vis_title > small {
	display: block;
	margin-top: 3px;
	font-size: 26px;
}

.vis_text {
}

.pageNav {
	margin-bottom: 89px;
}

.pageNav_list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 2%;
}

.pageNav_list > li {
	list-style: none;
	width: 100%;
}

.pageNav_list > li > a {
	display: block;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 1;
	height: 100%;
	padding: 23px 10px;
	padding-right: 45px;
	padding-left: 33px;
	border: 1px solid #f5d900;
	box-sizing: border-box;
	background: #f5d900;
	color: inherit;
	text-decoration: none;
	transition-property: color, background-color, border-color;
	transition-duration: 0.3s;
}

.pageNav_list > li > a::before {
	content: "";
}

.pageNav_list > li > a::after {
	content: "";
}

.pageNav_list > li > a > .icon {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	z-index: 1;
	font-size: 18px;
	        transform: translateY(-50%);
	transition-property: top, -webkit-transform;
	transition-property: transform, top;
	transition-property: transform, top, -webkit-transform;
	transition-duration: 0.3s;

	-webkit-transform: translateY(-50%);
}

.currWrap {
	margin-bottom: 120px;
}

.curr {
}

.curr_title {
}

.curr_title > b {
}

.curr_title > small {
}

.curr_message {
	max-width: 758px;
	margin: 0 auto;
	margin-bottom: 53px;
}

.curr_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
	max-width: 1240px;
	margin: 0 auto 80px;
}

.curr_grid figure figcaption {
	font-weight: bold;
}

.curr_cols {
	display: flex;
	margin-bottom: 60px;
}

.curr_col {
	width: 50%;
}

.curr_col-no1 {
	position: relative;
	z-index: 1;
	padding-top: 57px;
}

.curr_col-no1::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 1px;
	height: calc(100% - 50px);
	background: #bababa;
}

.curr_image {
	margin-bottom: 27px;
}

.curr_image > img {
	display: block;
	max-width: 100%;
	height: auto;
}

.curr_text {
}

.curr_col-no2 {
	padding-top: 20px;
}

.curr_tblWrap {
}

.curr_tblNote {
	display: none;
}

.curr_table {
	width: 100%;
	border: 1px solid #e6e6e6;
	table-layout: fixed;
}

.curr_table > thead {
}

.curr_table > thead > tr {
}

.curr_table > thead > tr:first-child {
}

.curr_table > thead > tr:last-child {
}

.curr_table > thead > tr > th {
	padding: 43px 10px;
	border-right: 1px solid #e6e6e6;
	box-sizing: border-box;
	background: #ff671d;
	color: #ffffff;
	font-weight: normal;
	white-space: nowrap;
}

.curr_table > thead > tr > th:last-child {
	border-right: none;
}

.curr_table > thead > tr > td {
}

.curr_table > tbody {
}

.curr_table > tbody > tr {
	border-top: 1px solid #e6e6e6;
}

.curr_table > tbody > tr:first-child {
}

.curr_table > tbody > tr:last-child {
}

.curr_table > tbody > tr > th {
	padding: 33px 10px;
	background: #fefbe5;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}

.curr_table > tbody > tr > td {
	padding: 33px 10px;
	border-left: 1px solid #e6e6e6;
	text-align: center;
	vertical-align: middle;
	/* white-space: nowrap; */
}

.curr_table > tbody > tr > td:nth-child(2n+1) {
	background: #f7f7f7;
}

.curr_text-left {
	padding-right: 20px;
}

.curr_text-right {
	display: flex;
	justify-content: flex-end;
}

.curr_col-no2 .curr_text-right {
	padding-left: 95px;
}

.curr_image-right {
}

.curr_image-left {
}

/* crlink */
.crlink {
	margin-top: -200px;
	margin-bottom: 110px;
	padding-top: 260px;
}

.crlink_wrap {
	display: flex;
	justify-content: right;
	position: relative;
	margin-bottom: 190px;
}

.crlink_wrap:last-child {
	margin-bottom: 0;
}

.crlink_wrap:nth-child(even) {
	justify-content: left;
}

.crlink_wrap_cnt {
	position: absolute;
	top: -100px;
	left: 0;
	width: calc(100% - 740px);
	max-width: 785px;
	height: auto;
}

.crlink_wrap:nth-child(even) .crlink_wrap_cnt {
	right: 0;
	left: auto;
}

.img-crlink {
	position: absolute;
	top: 0;
	right: -45px;
	z-index: 1;
	max-height: 550px;
	overflow: hidden;
}

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

.crlink_cnt {
	position: relative;
	max-width: 433px;
	margin-top: 40px;
	padding: 110px 15% 140px 20%;
	overflow: hidden;
	background: linear-gradient(to bottom right, #ff671d, #f5d900);
}

.crlink_wrap:nth-child(even) .crlink_cnt {
	padding: 140px 20% 150px 15%;
}

.crlink_cnt_ttl {
	margin-bottom: 35px;
	color: #ffffff;
	font-weight: bold;
	font-size: 36px;
}

.crlink_cnt_txt {
	margin-bottom: 20px;
	color: #ffffff;
}

.crlink_cnt a {
	display: block;
	width: 100%;
	max-width: 150px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ffffff;
	color: #ffffff;
	text-decoration: none;
	transition-duration: 0.5s;
}

.crlink_cnt a:hover {
	opacity: 0.5;
}

.crlink_lanel {
	opacity: 0.15;
	position: absolute;
	right: 0;
	bottom: -70px;
	color: #ffffff;
	font-size: 200px;
	line-height: 250px;
	font-family: "Oswald", sans-serif;
}

.resWrap {
	background-color: #ad5700;
	color: #ffffff;
}

.res {
	padding: 120px 0;
	text-align: center;
}

.res_title {
	margin-bottom: 15px;
}

.res_title > span {
	display: block;
	margin-top: 15px;
	font-weight: bold;
	font-size: 36px;
}

.res_catch {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 20px;
}

.res_text {
	display: inline-block;
	margin: 0 auto 50px;
	text-align: left;
}

.res_mainimg {
	padding: 10px;
	box-sizing: content-box;
}

.res_link {
}

.res_link_head {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
	margin-top: -40px;
}

.res_link_head .-main {
	padding: 0 5px;
}

.res_link_bnr {
	display: block;
}

.faciWrap {
	margin-bottom: 100px;
}

.faci {
	padding-top: 102px;
	padding-bottom: 140px;
}

.faci_title {
}

.faci_title > b {
}

.faci_title > small {
}

.faci_list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-top: 55px;
}

.faci_list:first-of-type {
	margin-top: 0;
}

.faci_list > li {
	width: 48%;
	margin-left: 4%;
}

.faci_list > li:first-child {
}

.faci_list > li:last-child {
}

.faci_list > li:nth-child(2n+1) {
	margin-left: 0;
}

.faci_list > li:nth-child(n+3) {
	margin-top: 4.3%;
}

.faci_fig {
}

.faci_fig > img {
	display: block;
	max-width: 100%;
	height: auto;
}

.faci_place {
	margin-top: 26px;
	font-weight: bold;
}

.faci_text {
	margin-top: 18px;
}

.targetWrap {
	margin-bottom: 115px;
}

.target {
}

.target_title {
}

.target_title > b {
}

.target_title > small {
}

.target_table {
	width: 100%;
	border: 1px solid #6c6c6c;
}

.target_table > tbody {
}

.target_table > tbody > tr {
	border-top: 1px solid #6c6c6c;
}

.target_table > tbody > tr:first-child {
	border-top: none;
}

.target_table > tbody > tr:last-child {
}

.target_table > tbody > tr > th {
	padding: 25px 10px;
	border-right: 1px solid #6c6c6c;
	box-sizing: border-box;
	background: #f5d900;
	white-space: nowrap;
}

.target_table > tbody > tr > th.-gray {
	width: 160px;
	background: #f7f7f7;
	font-weight: normal;
}

.target_table > tbody > tr > th:nth-child(2) {
}

.target_table > tbody > tr > td {
	padding: 25px 34px;
	white-space: nowrap;
}

.target_list {
	list-style: none;
}

.target_list > li {
	margin-top: 6px;
}

.target_list > li:first-child {
	margin-top: 0;
}

.target_list > li:last-child {
}

.target_list > li:nth-child(2n+1) {
}

.target_list > li:nth-child(n+3) {
}

.system {
	margin-top: 100px;
	padding: 0 30px 95px;
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 35px, #f7f7f7 35px);
}

.system_areaTtl {
	position: relative;
	z-index: 1;
	max-width: 675px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.system_title {
	padding: 26px 10px;
	box-sizing: border-box;
	background: #ff671d;
	color: #ffffff;
	text-align: center;
}

.system_headline {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 28px;
	bottom: 0;
	z-index: 2;
	width: 140px;
	height: 100%;
	box-sizing: border-box;
	background: #f5d900;
	color: #ff671d;
	text-align: center;
}

.system_headline::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 100%;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 12px;
	background: #f5d900;
}

.system_headline::after {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	border: 70px solid #f5d900;
	border-top: none;
	border-bottom-width: 29px;
	border-bottom-color: rgba(255, 255, 255, 0);
}

.system_areaTxt {
	max-width: 1056px;
	margin: 0 auto;
}

.system_text {
	margin-bottom: 30px;
}

.system_image {
	display: block;
	max-width: 976px;
	margin: 0 auto;
}

.system_image > img {
}

.voiceWrap {
}

.voice {
	padding-top: 104px;
}

.voice_title {
}

.voice_title > b {
}

.voice_title > small {
}

.voice_box {
	max-width: 820px;
	margin: 0 auto;
}

.voice_image {
	margin-bottom: 10px;
}

.voice_image > img {
	display: block;
}

.voice_cols {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-end;
}

.voice_col {
}

.voice_col-no1 {
	width: 505px;
	max-width: 505px;
	padding-bottom: 93px;
}

.voice_name {
	margin-bottom: 25px;
	font-size: 24px;
}

.voice_name > b {
	display: block;
	margin-bottom: 2px;
}

.voice_name > b > small {
	font-weight: normal;
	font-size: 16px;
}

.voice_name > small {
	display: block;
	font-weight: normal;
	font-size: 16px;
}

.voice_text {
}

.voice_col-no2 {
	width: calc(100% - 525px);
	box-sizing: border-box;
}

.voice_torso {
}

.voice_torso > img {
	display: block;
}

.areaLink {
}

.linkWrap {
	display: flex;
	justify-content: space-between;
}

.link {
	width: 49%;
}

.link > a {
	justify-content: flex-end;
	height: auto;
	min-height: 220px;
	padding: 30px 55px;
	overflow: visible;
}

.link > a::before {
}

.link > a::after {
}

.link_image {
	position: absolute;
	bottom: 0;
	z-index: 3;
}

.link_image-01 {
	left: -26px;
	width: 236px;
	height: 245px;
}

.link_image-02 {
	right: 60px;
	width: 187px;
	height: 243px;
}

.link_image > img {
	display: block;
	max-width: 100%;
	height: auto;
}

.link_areaTxt {
	position: relative;
	z-index: 2;
	margin-top: -12px;
}

.link_areaTxt-01 {
}

.link_areaTxt-02 {
}

.link_title {
	margin-bottom: 10px;
}

.link_title > img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.link_text {
	margin-top: 5px;
	font-weight: bold;
	font-size: 24px;
}

.link:last-child > a {
	justify-content: flex-start;
}

.target_tblWrap {
}

.target_tblNote {
	display: none;
}

.voice_torso-cuisine {
}

.voice_torso-confection {
}

.voice {
	padding: 96px 0;
	background: #fefbe5;
}

.voice_hero {
	margin-bottom: 60px;
	text-align: center;
}

.voice_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
	margin-bottom: 50px;
}

.voice_cnt {
	flex: 1;
	max-width: 500px;
}

.voice_cnt_ttl {
	margin-bottom: 30px;
}

.voice_cnt_ttl span {
	font-weight: bold;
	font-size: 24px;
}

.voice_img {
	position: relative;
}

.voice_img::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	width: 97%;
	height: 97%;
	border-radius: 300px;
	background-image: linear-gradient(-45deg, #fefbe5 25%, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 50%, #fefbe5 0, #fefbe5 75%, rgba(255, 255, 255, 1) 0);
	background-size: 50px 50px;
}

.message {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	padding: 50px 55px;
	box-sizing: border-box;
	background: #ffffff;
}

.message_ttl {
	position: relative;
	width: fit-content;
	margin: 0 auto 35px;
	color: #ff671d;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}

.message_ttl::after {
	content: "";
	position: absolute;
	right: -70px;
	bottom: -20px;
	width: 122px;
	height: 60px;
	background: url(/assets/img/campus/icon-label_message.png) no-repeat center;
	background-size: contain;
}

.message .voice_wrap {
	margin-bottom: 0;
}

.bnr_list {
	background: #ffffff !important;
}

.voice_awards {
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.voice_awards_hd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 45px;
	height: 130px;
	background: #ff671d;
	color: #ffffff;
	font-size: 20px;

	writing-mode: vertical-rl;
}

.voice_awards_cnt {
	padding-left: 35px;
	line-height: 1.87;
}

.voice_awards_cnt li::marker {
	color: #f5d900;
}

@media screen and (max-width:1239px) {
	.hero_cnt {
		width: calc(100% - 420px);
		max-width: unset;
	}

	.hero_wrap_cnt {
		position: relative;
		width: 420px;
		min-width: 420px;
	}
}

@media screen and (max-width:767px) {
	/* hero */

	.hero {
		margin-bottom: 40px;
	}

	.hero_wrap {
		flex-flow: column;
	}

	.hero_wrap_cnt {
		width: calc(100% - 100px);
		min-width: unset;
	}

	.hero_cnt {
		width: 100%;
		max-width: 100%;
		height: auto;
		margin-top: 210px;
		padding: 40px 40px 30px;
		box-sizing: border-box;
	}

	.hero_cnt_ttl {
		font-size: 30px;
	}

	.hero_cnt_intro {
		font-size: 20px;
	}

	.img-hero {
		z-index: 1;
		max-height: 235px;
	}

	/* curr */

	.curr {
		padding: 0 0 50px;
	}

	.curr_message {
		margin-bottom: 25px;
	}

	.curr_grid {
		grid-template-columns: 1fr;
		gap: 15px;
		max-width: 295px;
		margin: 0 auto 50px;
	}

	.curr_cols {
		display: block;
		max-width: 620px;
		margin: 0 auto 30px;
	}

	.curr_col {
		width: 100%;
		padding: 0 30px;
		padding-top: 0;
		box-sizing: border-box;
	}

	.curr_col-no1 {
		margin-bottom: 30px;
		padding-top: 0;
	}

	.curr_col-no1::after {
		display: none;
	}

	.curr_image {
		margin-bottom: 12px;
	}

	.curr_list {
		gap: 60px;
		margin-bottom: 50px;
	}

	.curr_list_item {
		width: 100%;
	}

	.curr_list_item:nth-child(2),
	.curr_list_item:nth-child(3) {
		margin-top: 0;
	}

	.curr_col-no2 .curr_text-right {
		padding-left: 0;
	}

	.curr_table {
		margin-bottom: 10px;
		overflow: scroll;
	}

	.curr_table img {
		width: 1000px;
		max-width: unset;
	}

	.curr_tblNote {
		display: inline-block;
		text-align: center;
	}

	/* crlink */
	.crlink {
		margin-top: -170px;
		margin-bottom: 0;
		padding-top: 160px;
	}

	.crlink_wrap {
		margin-bottom: 150px;
	}

	.crlink_wrap:last-child {
	}

	.crlink_wrap:nth-child(even) {
	}

	.crlink_wrap_cnt {
		width: 70%;
	}

	.crlink_wrap:nth-child(even) .crlink_wrap_cnt {
	}

	.img-crlink {
		max-height: 300px;
	}

	.img-crlink img {
	}

	.crlink_cnt {
		max-width: 100%;
		padding: 150px 40px 30px;
	}

	.crlink_wrap:nth-child(even) .crlink_cnt {
		max-width: 100%;
		padding: 150px 40px 30px;
	}

	.crlink_cnt_ttl {
		margin-bottom: 12px;
		font-size: 27px;
	}

	.crlink_cnt_txt {
	}

	.crlink_cnt a {
	}

	.crlink_cnt a:hover {
	}

	.crlink_lanel {
		font-size: 110px;
	}

	/* event */

	.event_cnt {
		max-width: 100%;
		padding: 150px 5% 30px;
	}

	.event_lanel {
		font-size: 100px;
		line-height: 150px;
	}

	.event_wrap_cnt {
		width: 70%;
	}

	.event_cnt_ttl {
		margin-bottom: 20px;
		font-size: 30px;
	}

	.img-event {
		max-height: 300px;
	}

	/* target */

	.target {
		padding: 50px 20px 20px;
	}

	.targetWrap {
		margin-bottom: 35px;
	}

	.img_target {
		overflow: scroll;
	}

	.img_target img {
		width: 1240px;
		max-width: unset;
	}

	/* .voice */

	.voice {
		padding: 50px 0;
	}

	.voice_wrap {
		flex-flow: column;
		align-items: center;
		gap: 20px;
	}

	.voice_img {
		width: 80%;
	}

	.voice_cnt_ttl span {
		font-size: 20px;
	}

	.voice_awards {
		flex-flow: column;
	}

	.voice_awards_hd {
		width: 100%;
		height: 40px;
		margin-bottom: 10px;
		font-size: 18px;

		writing-mode: unset;
	}

	.voice_awards_cnt {
		padding-left: 23px;
	}

	/* .message */

	.message {
		width: unset;
		padding: 30px 20px;
	}

	.message_ttl {
		font-size: 24px;
	}

	.message_ttl::after {
		right: -58px;
		width: 102px;
		height: 50px;
	}
}
