@charset "UTF-8";
/* CSS Document */

/*-----------------------------
下層ページ　ページタイトル　３パターン
-----------------------------*/
/**********パターン１**********/
.page_ttl_01 {
	padding-top: 3.25rem;
}

	@media print, screen and (min-width:760px){
	.page_ttl_01 img {
		width: 100%;
		height: 500px;
		object-fit: cover;
	}
	}

/**********パターン2**********/
.page_ttl_02 {
	padding-top: 3.25rem;
	position: relative;
}

.txt_page_ttl {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding-top: 3.25rem;
	font-size: 2rem;
	color: #fff;
	letter-spacing: 2px;
}

.accent_page_ttl { /*名調の強みの「高い就職率、調理師免許取得」*/
	position: absolute;
	bottom: 1rem;
	right: 4rem;
	width: 11rem;
}

	@media print, screen and (min-width:760px){
	.page_ttl_02 h2 img {
		width: 100%;
		height: 500px;
		object-fit: cover;
	}

	.txt_page_ttl {	
		font-size: 3rem;
		letter-spacing: 0.3rem;
	}		

	.accent_page_ttl { /*名調の強みの「高い就職率、調理師免許取得」*/
		position: absolute;
		bottom: 1rem;
		right: 50%;
		width: 14rem;
		transform: translateX(-12rem);
	}
	}

/*-----------------------------
下層ページ　共通パーツ等
-----------------------------*/
/*パンくずリスト*/
.breadcrumbs {
	width: 92%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5rem;
}

.breadcrumbs a, .breadcrumbs span {
	padding-right: 0.5rem;
	text-decoration: none;
	font-size: 0.9rem;
}

.link_crumbs {
	color: #D56D45;
}

.fc_lightbrown_01 {
	color: #B79A54;
}

/*下線付き文字*/
.ttl_02 {
	display: inline-block;
	font-size: 1.5rem;
	border-bottom: solid 2px #B99C54;
	letter-spacing: 2px;
}

/*下線付き文字 文字も色付き*/
.ttl_03 {
	font-size: 1.5rem;
	border-bottom: solid 3px #B99C54;
	letter-spacing: 2px;
	color: #AF9254;
	text-align: center;
}

/*ラウンド背景色つき 白文字（特徴の「特修講座」など）*/
.ttl_04 {
	font-size: 1.2rem;
	background-color: #CB6D45;
	border-radius: 1rem;
	color: #fff;
	text-align: center;
}

/*下線付き文字　文字黒線黒（特徴の「主な就職先」）*/
.ttl_05 {
	border-bottom: solid 2px;
	font-size: 1.1rem;
}


	@media print, screen and (min-width:760px){
	.ttl_02 {
		font-size: 1.8rem;
	}
		
	.ttl_03 {
		font-size: 2.3rem;
	}		
	}


/*-----------------------------
オープンキャンパスページ　リード文
-----------------------------*/
.opencampus_lead {
	padding-top: 3rem;
	padding-bottom: 15rem;	
	position: relative;
}

.bg_opencampus_lead_01 {
	position: absolute;
	left: 2rem;
	bottom: 4rem;
	width: 30%;
}


.bg_opencampus_lead_02 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 50%
}

	@media print, screen and (min-width:760px){
	.opencampus_lead {
		padding-top: 5rem;
	}
		
	.width925 {
		width: 54rem;
		margin-left: auto;
		margin-right: auto;
	}
		
	.bg_opencampus_lead_01 {
		position: absolute;
		left: 50%;
		bottom: 1rem;
		transform: translateX(-30rem);
		width: 13rem;
	}


	.bg_opencampus_lead_02 {
		position: absolute;
		right: 50%;
		bottom: 0;
		transform: translateX(30rem);
		width: 18rem;
	}
	}


/*-----------------------------
オープンキャンパスページ　開催日程(直近）
-----------------------------*/
.opencampus_schedule_recent {
	background-color: #F3F1EB;
	padding-top: 2rem;
	padding-bottom: 3rem;
}

.flex_opencampus_recent {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 2rem;
}

.col_oepncampus_recent {
	background-color: #fff;
	padding: 1rem;
	border: solid 1px;
}

.col_oepncampus_recent figure {
	position: relative;
}

.recent_menu_cat {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 3rem;*/
	padding: 0.3rem 0.5rem 1.4rem 0.5rem;
	clip-path: polygon(0 0%, 90% 0%, 0% 100%, 0% 100%);
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.3;
}

.cat_japanese { background-color: #0081c1; }
.cat_italian { background-color: #009380; }
.cat_cafe { background-color: #d68080; }
.cat_healthcare { background-color: #d27e22; }
.cat_chinese { background-color: #c64825; }
.cat_sweets { background-color: #d25f81; }
.cat_special { background-color: #B99C54; }
.cat_french { background-color: #7B598B; }


.recent_datetime p {
	display: inline;
	padding-right: 1rem;
}

.recent_menu {
	background-color: #cfc4ae;
	padding: 0.5rem;
	border-radius: 0.5rem;
	margin-bottom: 1.5em;
}

.recent_menu li {
	background: url("../images/opencampus/listmark_01.png") no-repeat left top 0.3rem;
	padding-left: 1rem;
	line-height: 1.3;
	font-size: 0.9rem;
}

	@media print, screen and (min-width:760px){	
	.opencampus_schedule_recent {
		padding-bottom: 5rem;
	}
		
	.flex_opencampus_recent {
		display: flex;
		flex-direction: row;
		gap: 2rem 2.5%;
	}
		
	.col_oepncampus_recent {
		width: 31%;
	}
		
	.wrap_recent_menu {
		min-height: 6rem;
	}
	}

/*-----------------------------
オープンキャンパスページ　開催日程(すべて）
-----------------------------*/

.opencampus_schedule_all {
	padding: 2rem 0 13rem 0;
	position: relative;
}

.btn_01_a { /*申し込むのボタン大き目*/
	display: block;
	width: 10rem;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	text-align: center;
	border: solid 1px #000000;
	border-radius: 2rem;
	text-decoration: none;
	color: inherit;
	letter-spacing: 2px;
	font-weight: bold;
	box-shadow: 3px 3px #BEB49E;
	line-height: 1;
	padding: 0.3rem 0.5rem 0.4rem 0.5rem;
	font-size: 1.3rem;
	transition-duration: .5s;
}

.btn_01_a:hover {
	background-color: #BEB49E;
	transform: translate(3px);
  	box-shadow: none;
}

.wrap_table_opencampus_schedule_all {
	background-color: #F6F3EC;
	padding: 1rem;
	box-sizing: border-box;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;	
}

.table_opencampus_schedule_all {
	width: 100%;
	box-sizing: border-box;
	border-collapse: collapse;
}

.table_opencampus_schedule_all tr {
	border-bottom: solid 1px #B99C54;
}

.table_opencampus_schedule_all tr:last-child {
	border-bottom: solid 1px transparent;
}

.table_opencampus_schedule_all tr td {
	padding: 0.3rem 0.3rem;
}

.table_opencampus_schedule_all tr td.schedule_all_date {
	width: 3rem;
}

.table_opencampus_schedule_all tr td.schedule_all_cat {
	width: 10rem;
}

.table_opencampus_schedule_all tr td.schedule_all_cat p {
	padding: 0.3rem 0;
	text-align: center;
	color: #fff;
}

.bg_opencampus_schedule_01 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 90%;
}

.bg_opencampus_schedule_02 {
	position: absolute;
	right: 1rem;
	bottom: 12rem;
	width: 30%;
}

.bg_opencampus_schedule_03 {
	display: none;
}

.bg_opencampus_schedule_04 {
	display: none;
}

	@media print, screen and (min-width:760px){		
	.opencampus_schedule_all {
		padding: 3rem 0 30rem 0;
		overflow: hidden;
	}

	.wrap_table_opencampus_schedule_all {
		padding: 1rem 3rem;
	}
		
	.btn_01_a {
		font-size: 1.5rem;
	}
		
	.table_opencampus_schedule_all tr td {
		padding: 0.5rem 1rem;
	}

	.table_opencampus_schedule_all tr td.schedule_all_date {
		width: 8rem;
	}

	.table_opencampus_schedule_all tr td.schedule_all_cat {
		width: 25rem;
	}
		
	.bg_opencampus_schedule_01 {
		position: absolute;
		left: 50%;
		bottom: -2rem;
		transform: translateX(-60%);
		width:46rem;
	}

	.bg_opencampus_schedule_02 {
		position: absolute;
		right: 50%;
		bottom: 24rem;
		transform: translateX(30rem);		
		width: 14rem;
	}

	.bg_opencampus_schedule_03 {
		display: block;
		position: absolute;
		right: 50%;
		transform: translateX(-30rem);
		bottom: 2rem;
		width: 40rem;
	}

	.bg_opencampus_schedule_04 {
		display: block;
		position: absolute;
		transform: translateX(30rem);		
		left: 50%;
		bottom: -2rem;
		width: 25rem;
	}		
	}

/*-----------------------------
オープンキャンパスページ　交通費
-----------------------------*/
.opencampus_fare {
	padding-bottom: 3rem;
}

.table_opencampus_fare {
	width: 100%;
	box-sizing: border-box;
	border-collapse: collapse;
}

.table_opencampus_fare thead {
	background-color: #B99C54;
	color: #fff;

}

.table_opencampus_fare thead th {
    border: solid 1px;
    padding: 0.5rem 0;
    text-align: center;
}


.table_opencampus_fare tbody th {
	width: 1rem;
	background-color: #B99C54;
	color: #fff;
	border: solid 1px;
	padding: 0.5rem 0.2rem;
    text-align: center;
}

.table_opencampus_fare tbody td {
	background-color: #F6F3EC;
	border: solid 1px #B99C54;
	padding: 0.5rem 0.5rem;	
}

.table_opencampus_fare tbody td.price, .table_opencampus_fare tbody td.area{
	white-space: nowrap;
	text-align: center;
}

	@media print, screen and (min-width:760px){

	.opencampus_fare {
		padding-bottom: 5rem;
	}
		
	.table_opencampus_fare tbody th {
		width: 7rem;
		padding: 1rem 0;
	}
		
	.table_opencampus_fare tbody td {
		background-color: #F6F3EC;
		border: solid 1px #B99C54;
		padding: 1rem 3rem;	
	}		
	}

/*-----------------------------
オープンキャンパスページ　参加者の声
-----------------------------*/
.opencampus_voice {
	padding: 3rem 0 8rem 0;
	background: url("../images/opencampus/bg_opencampus_voice.jpg") center top;
	position: relative;
	overflow: hidden;
}

.opencampus_voice h3 {
	width: 16rem;
	margin-left: auto;
	margin-right: auto;
}

.flex_opencampus_voice {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 3rem;
}

.col_opencampus_voice {
	box-sizing: border-box;
	padding: 3rem 1rem 1rem 1rem;
	background-color: #fff;
	border: solid 1px #231815;	
	box-shadow: 0.5rem 0.5rem #E48012;
	position: relative;
}

.opencampus_voice_num {
	position: absolute;
	top: -1.5rem;
	left: -0.2rem;
	width: 4rem;
}

.opencampus_voice_txt {
	text-decoration: underline;
	text-decoration-color: #CACACA;
	text-underline-offset: 0.7rem;
	line-height: 2.5;
}

.img_opencampus_01 {
	position: absolute;
	top: 3rem;
	left: -2rem;
	width: 10rem;
}

.img_opencampus_02 {
	position: absolute;
	top: -1rem;
	right: -2rem;
	width: 15rem;
}

.img_opencampus_03 {
	position: absolute;
	bottom: 0.5rem;
	left: -1rem;
	width: 10rem;
}

.img_opencampus_04 {
	position: absolute;
	bottom: -1rem;
	right: -1rem;
	width: 9rem;	
}

	@media print, screen and (min-width:760px){
	.opencampus_voice {
		padding: 5rem 0 11rem 0;
	}		
	.opencampus_voice h3 {
		width: 32rem;
	}
		
	.flex_opencampus_voice {
		margin-top: -2rem;
		display: flex;
		flex-direction: row;
	}
		
	.col_opencampus_voice {
		width: 47%;
		padding: 3rem 2rem 2rem 2rem;
	}
		
	.img_opencampus_01 {
		position: absolute;
		top: 6rem;
		left: 50%;
		transform: translateX(-34rem);
		width: 17rem;
	}

	.img_opencampus_02 {
		position: absolute;
		top: 4rem;
		right: 50%;
		transform: translateX(38rem);		
		width: 20rem;
	}

	.img_opencampus_03 {
		position: absolute;
		bottom: -2rem;
		left: 50%;
		transform: translateX(-42rem);		
		width: 17rem;
	}

	.img_opencampus_04 {
		position: absolute;
		bottom: -2rem;
		right: 50%;
		transform: translateX(38rem);
		width: 15rem;	
	}		
	}

/*-----------------------------
名調の強みページ　リード文
-----------------------------*/
.feature_lead {
	padding: 3rem 0;
}

.flex_feature_lead {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

	@media print, screen and (min-width:760px){
	.feature_lead {
		padding: 5rem 0;
	}		
	.flex_feature_lead {
		display: flex;
		flex-direction: row;
		gap: 2rem;
	}
	}

/*-----------------------------
名調の強みページ　３つのアプローチ
-----------------------------*/
.feature_approach {
	padding: 3rem 0;
	background: url("../images/feature/bg_feature_aproach_a.png") no-repeat top left;
	background-size: 90%;
	background-color: #E9E7E1;	
}

.ttl_feature_approach_01 {
	background-color: #AF9254;
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: 2px;
	line-height: 1.5;
}

.num3 {
	font-size: 2.3rem;
	color: #FFCB60;
}

.flex_feature_approach {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.box_feature_approach {
	display: block;
	border: solid 1px #231815;
	border-radius: 50%;
	width: 14rem;
	height: 14rem;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;	
	box-shadow: 0.5rem 0.5rem #AF9254;
	text-align: center;
	text-decoration: none;
	color: inherit;
	position: relative;
	transition-duration: .5s;
}

.box_feature_approach:hover {
	transform: translate(0.5rem);
  	box-shadow: none;	
}


.innerbox_feature_approach {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}

.txt_feature_approach {
	font-size: 1.1rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;
	letter-spacing: 0.1rem;
}

.txt_feature_approach span {
	font-size: 1.4rem;
	font-weight: bold;
}

	@media print, screen and (min-width:760px){

	.feature_approach {
		padding: 5rem 0;
		background: url("../images/feature/bg_feature_aproach_a.png") no-repeat top left;
		background-size: 80%;
		background-color: #E9E7E1;		
	}		
		
	.ttl_feature_approach_01 {
		font-size: 3rem;
	}

	.num3 {
		font-size: 3.2rem;
	}

	.flex_feature_approach {
		display: flex;
		flex-direction: row;
		gap: 2.5rem;
		width: 60rem;
		margin-left: auto;
		margin-right: auto;
	}
		
	.box_feature_approach {
		width: 18rem;
		height: 18rem;
	}
		
	.txt_feature_approach {
		font-size: 1.3rem;
	}

	.txt_feature_approach span {
		font-size: 1.7rem;
	}
	}

/*-----------------------------
名調の強みページ　アプローチ１（アプローチ２以降と共通使用もあり)
-----------------------------*/
.feature_policy1 {
	padding-bottom: 3rem;	
	position: relative;
}

.inner_ttl_01 > h2 > .img_ttl_feature {
	height: 3rem;
	width: auto;
	padding-top: 1.5rem;
}

.meicho_policy {
	position: absolute;
	left: 50%;
	top: 0.5rem;
	transform: translateX(-12rem);
	width: 8rem;
}

.txt_feature_policy_01 {
	background-color: #FFCB60;
	font-size: 1.3rem;
	padding: 0 0.2rem;
}

.flex_feature_policy1 {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.col_feature_policy1 {
	box-sizing: border-box;
	padding: 1rem;
	background-color: #F1EFE9;
}

.txt_policy_02 {
	text-align: center;
	color: #AF9254;
	border-bottom: solid 2px #AF9254;
	font-size: 1.4rem;
}

.txt_borderstyle_01 {
	display: block;
	background-color: #fff;
	border: solid 1px #000;
	border-radius: 2rem;
	text-align: center;
	text-decoration: none;
	color: inherit;
}

	@media print, screen and (min-width:760px){
	.feature_policy1 {
		padding-bottom: 5rem;
	}
		
	.inner_ttl_01 > h2 > .img_ttl_feature {
		height: 5rem;
		padding-top: 2rem;
	}

	.meicho_policy {
		position: absolute;
		left: 50%;
		top: 1rem;
		transform: translateX(-31rem);
		width: 12rem;
	}

	.txt_feature_policy_01 {
		font-size: 1.5rem;
		padding: 0 0.3rem;
	}
		
	.flex_feature_policy1 {
		flex-direction: row;
	}
	
	.col_feature_policy1 {
		width: 48%;
		padding: 1rem 2rem;
		background-color: #F1EFE9;
	}
	}

/*-----------------------------
名調の強みページ　アプローチ2（他のアプローチ以降と共通使用もあり)
-----------------------------*/
.feature_policy2 {
	position: relative;
}

/*課外授業*/
.feature_kagai {
	background-color: #E9E7E1;
	padding: 1.5rem 0 3rem 0;
}

.flex_feature_class {
	border: solid 1px;
	padding: 1.5rem 1rem;
	display: flex;
	flex-direction: column;
	background-color: #fff;
}

.col_feature_class:first-child {
	padding-bottom: 1rem;
}
		
.col_feature_class:nth-child(2) {
	padding-bottom: 0.5rem;
}

.wrap_class {
	position: relative;
}

.wrap_class figure {
	position: absolute;
	bottom: 0;
	right: 1rem;
}

.txt_feclass {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.5;
}


/*専攻分野別研修*/
.feature_kenshu {
	padding: 1.5rem 0 3rem 0;
}

.flex_feature_kenshu {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.col_feature_kenshu {
	border: solid 1px;
	background-color: #F1EFE9;
	box-sizing: border-box;
	padding: 1rem;
}

.list_kenshu li{
	background: url("../images/feature/listmark_02.png") no-repeat left top 0.5rem;
	padding-left: 1.3rem;
	font-size: 0.9rem;
}

/*特別講座*/
.feature_exclass {
	padding: 1.5rem 0 3rem 0;
	background-color: #E9E7E1;
}

.flex_feature_exclass {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.col_feature_exclass {
	width: 47%;
	text-align: center;
}

/*国内研修＆海外研修*/
.feature_tripstudy {
	padding: 1.5rem 0 2rem 0;
	background: url("../images/feature/bg_feature_tripstudy.png") no-repeat bottom right;
	background-size: 90%;
	position: relative;	
}

.img_feature_tripstudy_01 {
	 padding: 1rem;
	 width: 24rem; 
}
		
.img_feature_tripstudy_02 {
	padding: 1rem 1rem 0.5rem 1rem;
	width: 24rem; 	
}	

	@media print, screen and (min-width:760px){
	/*課外授業*/		
	.feature_kagai {
		background-color: #E9E7E1;
		padding: 3rem 0 5rem 0;
	}		
	.flex_feature_class {
		padding: 2rem;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		gap: 0;
	}
		
	.col_feature_class:first-child {
		box-sizing: border-box;
		width: 33%;
		padding-right: 1.5rem;
		padding-bottom: 0;
	}
		
	.col_feature_class:nth-child(2), .col_feature_class:nth-child(3){
		box-sizing: border-box;
		width: 33%;
		padding-left: 0.5rem;
		padding-bottom: 0;		
	}
		
	.wrap_class figure img {
		width: 18rem;
	}
		
	/*専攻分野別研修*/
	.feature_kenshu {
		padding: 3rem 0 5rem 0;
	}
		
	.flex_feature_kenshu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 2rem;
	}

	.col_feature_kenshu {
		padding: 1.5rem;
		width: 31%;
	}
		

	.list_kenshu {
		min-height: 6.6rem;
	}
		
	/*特別講座*/
	.feature_exclass {
		padding: 3rem 0 5rem 0;
	}
		
	.col_feature_exclass {
		width: 18.5%;
		text-align: center;
	}
		
	/*国内研修＆海外研修*/
	.feature_tripstudy {
		padding: 3rem 0 30rem 0;
		background: url("../images/feature/bg_feature_tripstudy.png") no-repeat bottom right;
		background-size: 80%;
	}
		
	.img_feature_tripstudy_01 {
		width: 26rem;
		position: absolute;
		bottom: 4rem;
		left: 50%;
		transform: translateX(-28rem);
	}
		
	.img_feature_tripstudy_02 {
		width: 26rem;		
		position: absolute;
		bottom: 4rem;
		right: 50%;
		transform: translateX(28rem);		
	}		
	}

/*-----------------------------
名調の強みページ　アプローチ3
-----------------------------*/
.feature_policy3 {
	position: relative;
}

.ttl_feature_data {
	background-color: #C3A65B;
	box-sizing: border-box;
	width: 50%;
	transform: translateX(-4rem);
	padding-right: 1rem;
	padding-top: 0.5rem;
	border-radius: 0 1rem 0 0;
	text-align: right;
	font-size: 1.5rem;
	color: #fff;
	letter-spacing: 0.2rem;
	line-height: 1;
}

.feature_data {
	border-top: solid 10px #C3A65B;
	background-color: #EFE4C0;
	padding: 2rem;
}

.flex_feature_data {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 2rem;
}

.col_feature_data {
	text-align: center;
}

.feature_company {
	padding: 1.5rem 0 3rem 0;
}

.flex_feature_company {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 2rem;
}

	@media print, screen and (min-width:760px){
	.ttl_feature_data {
		transform: translateX(-15rem);
		font-size: 2rem;		
	}
		
	.feature_data {
		padding: 3rem 0;
	}		
		
	.flex_feature_data {
		display: flex;
		flex-direction: row;
	}
		
	.col_feature_data {
		width: 31%;
	}

	.feature_company {
		padding: 3rem 0 5rem 0;
	}
		
	.flex_feature_company {
		display: flex;
		flex-direction: row;
	}
	
	.col_feature_company {
		width: 31%;
	}
	}