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

/*--------------------------------
下層ページ共通　ECRIT追記
--------------------------------*/

/*調整*/

	@media print, screen and (max-width:759px){
		.none_sp-only { display: none; }
	}

	/*.sp→スマホのみ表示　.pc→タブレット以上のみ表示*/
	@media print, screen and (max-width:860px){.sp{display:block;}.pc{display:none;}}
	@media print, screen and (min-width:861px){.sp{display:none;}.pc{display:block;}}

	@media print, screen and (min-width:760px){
		.inner-width90{width: 90%;}
		.inner-width80{width: 80%;}
		.inner-width70{width: 70%;}
		.inner-width60{width: 60%;}
		
		.-width10{width: 10%;}
		.-width16{width: 16%;}
		.-width20{width: 20%;}
		.-width24{width: 24%;}
		.-width25{width: 25%;}
		.-width30{width: 30%;}
		.-width33{width: 33%;}
		.-width40{width: 40%;}
		.-width50{width: 50%;}
		.-width60{width: 60%;}
		.-width66{width: 66%;}
		.-width70{width: 70%;}
		.-width80{width: 80%;}
		.-width90{width: 90%;}
		
	}

/*section基本*//*スタイル共通*/

.section-basic{
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.section-no-pb{
	padding-bottom: 1rem;

}

.section-no-pt{
	padding-top: 1rem;
}
	@media print, screen and (min-width:760px){
	.section-basic {
		padding-top: 5rem;
	}		
	}

.ttl_section{
    text-align: center;
    margin-bottom: 2.5rem;
	
}

.ttl_section_mb1{
    margin-bottom: 1rem;
}

.ttl_section_mb2{
    margin-bottom: 2rem;
}

.ttl_section_style{
	display: inline-block;
	font-size: 1.3rem;
	border-bottom: solid 2px #B99C54;
	letter-spacing: 2px;	
}

	@media print, screen and (min-width:760px){
	.ttl_section {
		margin-bottom: 5rem;
	}
	.ttl_section_mb1{
		margin-bottom: 1rem;
	}

	.ttl_section_style{
		font-size: 1.8rem;	
	}	
	
	}

.sub-ttl_section{
    background-color: #E4DCBE;
    padding-top: 0.3rem;
    padding-right: 0.3rem;
    padding-bottom: 0.3rem;
    padding-left: 1rem;
    margin-bottom: 0.5rem;
}



/*背景関連*/
.backstyle{
    padding-top: 2rem;
    padding-right: 2rem;
    padding-left: 2rem;
    padding-bottom: 2rem;
}
.backstyle-yellow{
	background-color: #fcf7ea;
}

/*テキスト関連*/
.text-basic{
	margin-bottom: 1.25rem; 
}

.text-no-deco{
	text-decoration: none;
}

.text-keycolor{
	color: #D56D45;
}

/*リンク関連*/
.link_orange{
	color: #D56D45;
	text-decoration: none
}

.link_orange:hover{
	text-decoration: underline;
}

.link_opa{
	opacity: 1;
	transition-duration: .5s;
}

.link_opa:hover {
	opacity: .7;
}

.link_dl{
    display: inline-block;
    width: 100%;
    color: #FFF;
    background-color: #BB9E54;
    text-align: center;
    padding-bottom: 1rem;
    border-radius: 4px;
    text-decoration: none;
    padding-top: 1rem;
}



/*リスト関連*/
ul.list_disc, ul.list_indent{
	padding-left: 1.3rem;
}

.list_disc li, .list_indent li{
	text-indent: -1rem;
	list-style-type: none;
}

ul.list_regular{
	padding-left: 1rem;
}

.list_regular li{
	text-indent: -1rem;
	list-style-type: none;
}

.list_disc li::before{
    content:  "";     /* 空の要素作成 */
    width:  6px;               /* 幅指定 */
    height:  6px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #333;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -3px;                  /* 位置調整 */
	left: 3px;
    margin-right: 0.6rem;          /* 余白指定 */
}

ul.secondary{
	padding-left: 2rem;
}

.secondary li::before{
    content:  "";     /* 空の要素作成 */
    width:  3px;               /* 幅指定 */
    height:  3px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #333;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -3px;                  /* 位置調整 */
	left: 3px;
    margin-right: 0.6rem;          /* 余白指定 */
}



/*画像関連*/

/*画像の高さを固定（タブレット以上）*/
	@media print, screen and (min-width:760px){
		.fix-height_250 img {
			width: 100%;
			height: 15.625rem;
			object-fit: cover;
		}
}

figcaption{
    font-size: 0.8rem;
    line-height: 1.3;
    margin-top: 0.3rem;
}



/*学校案内・入学案内　親ページ共通*/

.link_pagemenu{
	display: block;
	text-decoration: none;
	opacity: 1;
	transition-duration: .5s;
}

.link_pagemenu:hover {
	opacity: .7;
}

.box_txt_pagemenu {
    padding: 0.5rem 0;
    color: #fff;
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5;
    background-color: #D56D45;
}

/*--------------------------------
ECRIT追記　ここまで
--------------------------------*/




/*-----------------------------
下層ページ　ページタイトル　３パターン
-----------------------------*/
/**********パターン１**********/
.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;
	white-space: nowrap;
}

.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);
	}
	}

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

.page_ttl_03 h2 img {
	width: 100%;
	height: 9.75rem;
	object-fit: cover;
}

.txt_page_ttl_c {	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding-top: 3.25rem;
	font-size: 2rem;
	color: #fff;
	letter-spacing: 2px;
	line-height: 1.2;
	white-space: nowrap;
	text-align: center;
}

	@media print, screen and (min-width:760px){
	.page_ttl_03 h2 img {
		width: 100%;
		height: 14.375rem;
		object-fit: cover;
	}
		
	.txt_page_ttl_c {	
		font-size: 3rem;
		letter-spacing: 0.3rem;
	}			
	}

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

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

.breadcrumbs a{
	color: #D56D45;
}

.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: 4rem 2rem;
}

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

.col_oepncampus_recent figure {
	position: relative;
}

.recent_menu_cat {
	position: absolute;
	top: -3.2rem;
	left: -0.5rem;
	width: 60%;
	padding: 0.3rem 0.5rem 0.3rem 0.5rem;
	border-radius: 0.5rem 0.5rem 0 0;
	font-size: 1.2rem;
	color: #fff;
	line-height: 1.3;
	text-align: center;
}

.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: 0.5rem;
}

.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;
}

.recent_ttl {
	margin-bottom: 1rem;
	text-align: center;
	font-size: 1.2rem;
	color: #7e5331;
	line-height: 1.2;
}


	@media print, screen and (min-width:760px){	
	.opencampus_schedule_recent {
		padding-bottom: 5rem;
	}
		
	.flex_opencampus_recent {
		display: flex;
		flex-direction: row;
		gap: 4rem 2.5%;
	}
		
	.col_oepncampus_recent {
		width: 28%;
	}
		
	.wrap_recent_menu {
		min-height: 6rem;
	}
		
	.recent_ttl {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 3.5rem;
		margin-top: -0.3rem;
	}		
	}

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

.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.schedule_all_sameday {
    border-bottom: 1px dashed #B99C54;
}

.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_evning {
	position: relative;
}

.table_opencampus_schedule_all tr td.schedule_all_evning span:after {
    content: '';/*何も入れない*/
    position: absolute;
    top: 1em;
    right: -1em;
    width: 50%;/*画像の幅*/
    height: 50%;/*画像の高さ*/
    background-image: url(../images/opencampus/ico_evening.png);
    background-size: contain;
    background-repeat: no-repeat;
}

	@media print, screen and (min-width:760px){		
		.table_opencampus_schedule_all tr td.schedule_all_evning span:after {
			top: 0.8em;
			right: -3em;
		}
	}

.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%;
	}
	}

/*-----------------------------
調理師本科　共通タイトル類
-----------------------------*/
.ttl_honka_01 {
	font-size: 2rem;
	background-color: #d36d45;
	color: #fff;
	line-height: 1.2;
	padding: 0.3rem 0;
	letter-spacing: 2px;
}

.fc_3 {
	color: #ffc960;
	font-size: 1.1em;
}

	@media print, screen and (min-width:760px){
	.ttl_honka_01 {
		font-size: 2.5rem;
	}		
	}

/*-----------------------------
調理師本科　リード文
-----------------------------*/
.ttl_honka_lead {
	display: inline-block;
	font-size: 1.3rem;
	border-bottom: solid 2px #B99C54;
	letter-spacing: 2px;	
}

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

/*-----------------------------
調理師本科　サブメニュー
-----------------------------*/
.honka_submenu {
	width: 20rem;
	margin-left: auto;
	margin-right: auto;
}

.honka_submenu li {
	/*border-bottom: solid 1px;
	padding: 0.5rem;
	position: relative;*/
}

.honka_submenu li a {
	display: block;
	color: inherit;
	text-decoration: none;
	transition-duration: .5s;
	border-bottom: solid 1px;
	padding: 0.5rem;
	position: relative;	
}

.honka_submenu li a:before {
	content: url("../images/honka/honka_arrow.svg");
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
}

.honka_submenu li a:hover {
	color: #D76D45;
}

	@media print, screen and (min-width:760px){
	.honka_submenu {
		width: 50rem;
		display: flex;
	}
		
	.honka_submenu li a {
		padding: 0 2rem;
		border-bottom: none;
	}

	.honka_submenu li a:before {
		content: url("../images/honka/honka_arrow.svg");
		position: absolute;
		top: 1.5rem;
		right: 50%;
		transform: translateX(50%);
	}		
	}



/*-----------------------------
調理師本科　３つのポイント
-----------------------------*/
.honka_points {
	padding: 1.2rem 0 3rem 0;
	background-color: #f8e5e0;
}

.points_acc {
	width: 5rem;
}

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

.col_honka_points {
	box-sizing: border-box;
	background-color: #fff;
	border: solid 1px;
	padding: 2rem 1rem 1.5rem 1rem;
	position: relative;
}

.txt_point {
	position: absolute;
	top: -1.3rem;
	left: 50%;
	transform: translateX(-50%);
}

	@media print, screen and (min-width:760px){
	.honka_points {
		padding: 2.3rem 0 5rem 0;
	}
		
	.flex_honka_points {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 2rem;
	}
		
	.col_honka_points {
		width: 31%;
	}		
	}

/*-----------------------------
調理師本科　目指す資格
-----------------------------*/
.honka_qualification {
	padding: 3rem 0;
}

.fc_4 {
	color: #c61724;
}

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

.col_honka_qualification_01 li, .txt_starind {
	padding-left: 1.2rem;
	background: url("../images/honka/mark_star.png") no-repeat left top 0.4rem;
	background-size: 1rem;
}

.col_honka_qualification_02 li, .txt_circlind {
	padding-left: 1.2rem;
	background: url("../images/honka/mark_circle.png") no-repeat left top 0.5rem;
	background-size: 0.9rem;
}

.box_cafecreater {
	background-color: #d5c6a0;
	padding: 1.5rem 1rem;
}

.flex_cafecreater {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	@media print, screen and (min-width:760px){
	.honka_qualification {
		padding: 5rem 0;
	}

	.box_cafecreater {
		background-color: #d5c6a0;
		padding: 2.5rem 2.7rem;
	}
		
	.flex_honka_qualification {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.flex_cafecreater {
		display: flex;
		flex-direction: row-reverse;
		flex-wrap: wrap;
		align-items: center;
		gap: 3rem;
	}

	.col_cafecreater {
		width: 47%;	
	}		
	}

/*-----------------------------
調理師本科　実習内容
-----------------------------*/
.honka_lesson {
	padding: 3rem 0;
	background-color: #fcf7ea;
}

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

.ttl_honka_grade {
	background-color: #000;
	color: #fff;
	border-radius: 2rem;
	text-align: center;
	font-size: 1.5rem;
	letter-spacing: 4px;
	line-height: 1.5;
}

.flex_honka_grade {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.box_2grade_01 {
	padding: 1rem;
	background-color: #deedf5;
	border-radius: 1rem;
}

.box_2grade_02 {
	padding: 1rem;
	background-color: #f5e5ec;
	border-radius: 1rem;
}

.ttl_honka_grade_02 {
	font-size: 1.7rem;
	background-color: #0080bc;
	color: #fff;
	line-height: 1.2;
	padding: 0.3rem 0;
	letter-spacing: 2px;
}

.ttl_honka_grade_03 {
	font-size: 1.7rem;
	background-color: #d580a4;
	color: #fff;
	line-height: 1.2;
	padding: 0.3rem 0;
	letter-spacing: 2px;
}

.flex_honka_grade_02 {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	@media print, screen and (min-width:760px){
	.honka_lesson {
		padding: 5rem 0;
	}
	.box_grade {
		padding: 2rem;
	}
		
	.flex_honka_grade {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 2rem;
	}
		
	.col_honka_grade {
		width: 31%;
	}
		
	.box_2grade_01, .box_2grade_02 {
		padding: 2rem;
	}		

	.ttl_honka_grade_02 {
		font-size: 2.3rem;
	}

	.ttl_honka_grade_03 {
		font-size: 2.3rem;
	}		
		
	.flex_honka_grade_02 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0 3rem;
	}
		
	.col_honka_grade_02 {
		width: 47%;
	}
			
	}

/*-----------------------------
調理師本科　週間カリキュラム
-----------------------------*/
.honka_curriculum {
	padding: 3rem 0;
}

	@media print, screen and (min-width:760px){
	.honka_curriculum {
		padding: 5rem 0;
	}		
	}

/*-----------------------------
調理師本科　Pick up授業
-----------------------------*/
.honka_pickup {
	padding: 3rem 0;
	background-color: #fcf7ea;
}

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

.col_honka_pickup {
	background-color: #fff;
	padding: 1rem;
	box-sizing: border-box;
}

.ttl_honka_pickup {
	border-bottom: solid 2px #ffd060;
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 1.5rem;
	letter-spacing: 2px;
}

	@media print, screen and (min-width:760px){
	.honka_pickup {
		padding: 5rem 0;
	}
		
	.flex_honka_pickup {
		display: flex;
		flex-direction: row;
		gap: 2.5rem;
	}
		
	.col_honka_pickup {
		width: 48%;
		padding: 1.3rem 2rem 2rem 2rem;
	}		
	}

/*-----------------------------
調理師本科　在校生の声
-----------------------------*/
.honka_voice {
	padding: 0 0 3rem 0;
}

.box_honka_voice {
	/*border: solid 1px #231815;
	padding: 1rem;*/
}

.txt_honka_voice {
	color: #b49754;
	border-bottom: solid 2px;
}

.trim_honka_voice {
	height: 18rem;
	object-fit: cover;
	object-position: 87% 0;
}

	@media print, screen and (min-width:760px){
	.honka_voice {
		padding: 0 0 5rem 0;
	}
	.box_honka_voice {
		border: solid 1px #231815;		
		padding: 2rem;
	}
		
	.txt_honka_voice {
		font-size: 1.1rem;
	}

	.trim_honka_voice {
		height: auto;
	}		
	}

/*-----------------------------
テクニカル調理コース　Pick up授業
-----------------------------*/

.flex_tech_pickup {
	padding: 1.5rem 1rem;
	display: flex;
	flex-direction: column;
	background-color: #fff;
}

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

	@media print, screen and (min-width:760px){
	/*課外授業*/		
	.flex_tech_pickup {
		padding: 2rem;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		gap: 0;
	}
		
	.col_tech_pickup:first-child {
		box-sizing: border-box;
		width: 33%;
		padding-right: 1.5rem;
		padding-bottom: 0;
	}
		
	.col_tech_pickup:nth-child(2), .col_tech_pickup:nth-child(3){
		box-sizing: border-box;
		width: 33%;
		padding-left: 0.5rem;
		padding-bottom: 0;		
	}
		
}

/*-----------------------------
ヘルスケア調理コース　実習内容
-----------------------------*/
.ttl_health_grade {
	background-color: #000;
	color: #fff;
	border-radius: 2rem;
	text-align: center;
	letter-spacing: 4px;
	line-height: 1.5;
}

.flex_health_grade {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

	@media print, screen and (min-width:760px){
	.flex_health_grade {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1rem;
	}
		
	.col_health_grade {
		width: 23%;
	}
}

/*-----------------------------
ヘルスケア調理コース　Pick up授業
-----------------------------*/
.flex_health_pickup {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.box_health_pickup{
	background-color: #fff;
	padding: 1rem;
}


	@media print, screen and (min-width:760px){
	.box_health_pickup {
		padding: 2rem;
	}
		
	.flex_health_pickup {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 2rem;
	}
		
	.col_health_pickup {
		width: 31%;
	}
}

/*--------------------------------
学校案内
--------------------------------*/

/*学校概要*/
table.arrange-table{
	width: 100%;
}

.arrange-table th,
.arrange-table td{
	border-bottom: 1px solid #CCC;
	padding: 8px;
}

.arrange-table th{
	width: 27%;	
}

.arrange-table ul{
	margin-bottom: 0px;	
}

/*沿革*/
.history_block{
	display: flex;
	align-items: flex-start;
	padding: 2.2rem 0 2.2rem;
	border: 0 solid rgba(37, 30, 28, .1);
    border-width: 1px 0;
}

.history_blockHead{
	display: flex;
    align-items: center;
    position: relative;
    min-width: 5rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.29;
}

.history_blockHead::after{
	content: "";
    position: absolute;
    top: 50%;
    right: -1.1rem;
    width: 0.4rem;
    height: 0.4rem;
    transform: translateY(-50%);
    border-radius: 100%;
    background: #ee8438;
}

.history_blockHead .year{
	line-height: 2.06;
	margin-left: 0.2rem;
    font-size: 1.1rem;
}

.history_blockBody{
    margin-top: 0px;
    margin-left: 2.8rem;
    line-height: 2;
}

	@media print, screen and (min-width:760px){
		.history_block{
			padding: 2.8vw 0px 2.8vw;
		}
		
		.history_blockHead{
			min-width: 5.9375vw;
		}
		
		.history_blockHead .year{
			margin-left: 0.15625vw;
		}
		
		.history_blockHead::after{
			right: -1.79687vw;
    		width: 0.46875vw;
    		height: 0.46875vw;
		}
		
		.history_blockBody{
			margin-top: 0.3125vw;
    		margin-left: 3.8vw;
    		font-size: 1.1rem;
    		line-height: 1.3;
		}

}

/*--------------------------------
施設・設備
--------------------------------*/

.ttl_equip{
    font-weight: bold;
    color: #ee8438;
    font-size: 1.2rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
}

.equip_back{
	padding: 3rem 0;
	background-color: #fcf7ea;
}

/*--------------------------------
アクセス
--------------------------------*/
	@media print, screen and (min-width:760px){
		.access-map{
			position: relative;
			width: 100%;
			height: 0;
			padding-bottom: 40%;
			overflow: hidden;
		}
}

.access-bus {
    display: inline-block;
    width: 100%;
    color: #FFF;
    background-color: #BB9E54;
    text-align: center;
    padding-bottom: 0.5rem;
    border-radius: 30px;
}

.access-bus p {
	font-size: 1.2rem;
}

.access-bus strong{
	font-size: 140%;	
}

/*-----------------------------
教授陣　共通タイトル類
-----------------------------*/
.ttl_teacher_01 {
	font-size: 2rem;
	background-color: #BFA254;
	color: #fff;
	line-height: 1.2;
	padding: 0.3rem 0;
	letter-spacing: 2px;
}

	@media print, screen and (min-width:760px){
	.ttl_teacher_01 {
		font-size: 2.5rem;	
	}
	}

/*-----------------------------
教授陣　リード
-----------------------------*/
.teacher_lead {
	padding: 3rem 0;
}

	@media print, screen and (min-width:760px){
	.teacher_lead {
		padding: 5rem 0;
	}		
	}

/*-----------------------------
教授陣　常勤・専任教授
-----------------------------*/
.teacher_regular {
	padding-bottom: 3rem;
}

.card_teacher {
	margin-bottom: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem 2rem;
	overflow: hidden;
	position: relative;
	padding: 1rem 1rem 4rem 1rem;
	z-index: -2;
}

.card_teacher::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 9rem;
  /*background: linear-gradient(to right, #d5cbd9);*/
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
  z-index: -1;
}

.teacher_french { background-color: #E3DCE5; }
.teacher_japanese { background-color: #cce6f2; }
.teacher_italian { background-color: #cce8e6; }
.teacher_sweets { background-color: #f5dfe6; }
.teacher_service { background-color: #f7e6cc; }
.teacher_cafe { background-color: #f6e6e6; }

.teacher_french::after { background: linear-gradient(to right, #d5cbd9); }
.teacher_japanese::after { background: linear-gradient(to right, #b2d9eb); }
.teacher_italian::after { background: linear-gradient(to right, #b2ddd9); }
.teacher_sweets::after { background: linear-gradient(to right, #f0cfd9); }
.teacher_service::after { background: linear-gradient(to right, #f3d9b2); }
.teacher_cafe::after { background: linear-gradient(to right, #f1d9d9); }


.title-box {
	color: #fff;
	text-align: center;
	padding: 0.2rem 0;
	font-size: 1.5rem;
}

.title_french { background-color: #7B5984; }
.title_japanese { background-color: #0080bc; }
.title_italian { background-color: #008e80; }
.title_sweets { background-color: #cd5f80; }
.title_service { background-color: #d68000; }
.title_cafe { background-color: #d18080; }
.title_chinese { background-color: #cc4709; }

.teacher_name {
	background-color: #fff;
	text-align: center;
	padding: 0.2rem 0;
	font-size: 1.5rem;	
}
.txt-logo {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  /*width: 7rem;*/
  height: 6rem;
  width: auto;	
}

	@media print, screen and (min-width:760px){
	.teacher_regular {
		padding-bottom: 5rem;
	}
	.card_teacher {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;	
		gap: 1rem 3rem;
		align-items: center;
		padding: 2.5rem 2.5rem;		
	}

	.card_teacher::after {
	  height: 7rem;
	}		
	.col_teacher_left {
		width: 40%;
	}		

	.col_teacher_right {
		width: 54%;
	}

	.txt-logo {
	  position: absolute;
	  bottom: 1rem;
	  right: 2rem;
	}		
	}

/*-----------------------------
教授陣　非常勤教員
-----------------------------*/

.flex_teacher_part {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 2rem 0;
}

.card_teacher_part {
	width: 48%;
}


.cat_cuisine {
	display: inline-block;
	width: 7.5rem;
	font-size: 1.1rem;
	color: #fff;
	text-align: center;
	line-height: 1.5;
}

.teacher_p_name {
	font-size: 1.1rem;
	border-bottom: solid 1px;
	margin-bottom: 0.5rem;
}

.affiliation {
	font-size: 0.84rem;
}

	@media print, screen and (min-width:760px){		
	.card_teacher_part {
		width: 18.6%;
	}
	}

/*-----------------------------
下部　リンクボタン
-----------------------------*/
.bottom_btn {
	padding: 3rem 0;
}

.flex_bottom_btn {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.5rem 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/*リンクボタン矢印付き*/
.btn_01_arrow {
	display: block;
	width: 9rem;
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	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;
	font-size: 1.1rem;
	padding: 0.4rem 1rem 0.4rem 1rem;
	transition-duration: .5s;
	position: relative;
}

.btn_01_arrow:after {
	position: absolute;
	top: 0.6rem;
	right: 0.7rem;
	content: '';
	display: inline-block;
	background: url("../images/teachder/arrow_05.png") no-repeat;
	background-size: contain;
	width: 2rem;
	height: 1rem;
}

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

	@media print, screen and (min-width:760px){
	.bottom_btn {
		padding: 5rem 0;
	}		

	.btn_01_arrow {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
		padding: 0.4rem 0.5rem 0.4rem 0.5rem;
		font-size: 1rem;		
	}		
	}

		@media print, screen and (min-width:1200px){
		.btn_01_arrow {
			margin-left: 0.5rem;
			margin-right: 0.5rem;
			padding: 0.4rem 1rem 0.4rem 1rem;
			font-size: 1.1rem;	
		}			
		}

/*--------------------------------
募集要項
--------------------------------*/

.list_admission li{
    border-bottom: 1px solid #CCC;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.secondary li{
    border-bottom: 0px;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;

}


.ao-table{
	margin-top: 10px;	
}
.ao-table th{
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}
.ao-table td{
	padding-left: 10px;	
}

th.ao-waku{
	color: #FFF;
	background-color: #D56D45;

}
.hosoji{
	font-weight: normal;	
}


/*--------------------------------
学費
--------------------------------*/
.regular-table{
	width: 100%;
	border-collapse: collapse;
}

.regular-table td, .regular-table th{
	border: 1px solid #999;
	padding: 10px;
	text-align: center;
}

.regular-table th, .regular-table .th{
	background-color: #EEEEEE;
}

td.tdleft{
	text-align: left;
}


/*--------------------------------
支援制度
--------------------------------*/
.col_support{
    background-color: #AF9254;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: 1px;
    line-height: 3;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
}

.col_support::before{
	content: "▼";
	font-size: 0.6rem;
	margin-right: 6px;
}

.support_catch {
    text-align: center;
    text-decoration: none;
    margin-bottom: 2rem;
}
.support_catch span{
    background-color: #D56D45;
    color: #FFFFFF;
    border-radius: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.3rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

/*--------------------------------
就職について
--------------------------------*/
.ttl_back-gold{
	background-color: #AF9254;
	color: #fff;
	line-height: 2;

}

.ttl_sub-orange{
	color: #D56D45;
    font-size: 1.1rem;
	line-height: 1.6rem;
    padding-bottom: 0.3rem;
}

	@media print, screen and (min-width:760px){
		.ttl_sub-orange{
    font-size: 1.2rem;
		}
}

.col_job_company{
	margin-bottom: 2rem;
}

/*-----------------------------
キャンパスライフ　リード
-----------------------------*/
.campus_lead {
	padding: 3rem 0 1rem 0;
}

	@media print, screen and (min-width:760px){
	.campus_lead {
		padding: 5rem 0 1rem 0;
	}		
	}

/*-----------------------------
キャンパスライフ　サブメニュー
-----------------------------*/
.campuslife_submenu {
	width: 20rem;
	margin-left: auto;
	margin-right: auto;
}

.campuslife_submenu li {
	/*border-bottom: solid 1px;
	padding: 0.5rem;
	position: relative;*/
}

.campuslife_submenu li a {
	display: block;
	color: inherit;
	text-decoration: none;
	transition-duration: .5s;
	border-bottom: solid 1px;
	padding: 0.5rem;
	position: relative;	
}

.campuslife_submenu li a:before {
	content: url("../images/honka/honka_arrow.svg");
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
}

.campuslife_submenu li a:hover {
	color: #D76D45;
}

	@media print, screen and (min-width:760px){
	.campuslife_submenu {
		width: 38rem;
		display: flex;
	}
		
	.campuslife_submenu li a {
		padding: 0 2rem;
		border-bottom: none;
	}

	.campuslife_submenu li a:before {
		content: url("../images/honka/honka_arrow.svg");
		position: absolute;
		top: 1.5rem;
		right: 50%;
		transform: translateX(50%);
	}		
	}

/*-----------------------------
キャンパスライフ　年間スケジュール
-----------------------------*/
.campus_schedule {
	padding-top: 4rem;
	padding-bottom: 1rem;
}

.inner_campus_schedule {
	width: 100%;
}

.flex_campus_sche {
	display: flex;
	flex-direction: column;
}

.card_campus_01 {
	position: relative;
	background: #EFECE5;
	box-sizing: border-box;
	padding: 2rem 1rem 1rem 2rem;
	min-height: 25rem;
}

.card_campus_02 {
	position: relative;
	background: #fff;
	box-sizing: border-box;
	padding: 2rem 1rem 1rem 2rem;
	min-height: 25rem;	
}

.month_campus {
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: #B49754;
  color: #fff;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  letter-spacing: 0.1rem;
}

.pt_10 {
	padding-top: 0.5rem;
}

/* 縦線 */
.month_campus::after {
  content: "";
  position: absolute;
  top: 5rem;
  left: 34%;
  width: 0.2rem;
  height: 18.5rem;
  background-color: #B49754;
}

.image_campus_sche {
	margin: 0 1rem 0 2rem;
}

.image_campus_sche img {
}

.list_events {
  margin-top: 1rem;
  margin-left: 1rem;
  padding-left: 1rem;
  list-style: none;
}

.list_events li {
  margin: 0.2rem 0;
  display: flex;
  align-items: center;
}

.dot {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: 0.5rem;
}

.blue {
  background-color: #0078B6;
}

.green {
  background-color: #94BD2E;
}

.pink {
  background-color: #E590B5;
}

.logo_campuslife {
  position: absolute;
  bottom: 0.5rem;
  right: 1rem;
  width: 10rem;
}

	@media print, screen and (min-width:760px){
	.campus_schedule {
		padding-bottom: 1rem;
		padding-top: 5rem;
	}
		
	.inner_campus_schedule {
		width: 92%;
		max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}		
		
	.flex_campus_sche {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
		
	.card_campus_01, .card_campus_02 {
		width: 33.33%;
		min-height: 22rem;
	}
		
	/* 縦線 */
	.month_campus::after {
	  height: 14.5rem;
	}		
	}

		@media print, screen and (min-width:1200px){
		.card_campus_01, .card_campus_02 {
			width: 33.33%;
			min-height: 23rem;
		}			
		/* 縦線 */
		.month_campus::after {
		  height: 16.3rem;
		}
		}

/*-----------------------------
キャンパスライフ　イベント
-----------------------------*/
.campus_event {
	padding-bottom: 1rem;
	padding-top: 4rem;
}

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

.card_campuslife_event, .card_campuslife_event_02 {
	position: relative;
	box-sizing: border-box;
	border: solid 2px #B49754;
	background-color: #ECE8E2;
	padding: 2rem 1rem 1rem 1rem;
	border-radius: 0.5rem;
}

.campuslife_event_ttl {
	position: absolute;
	top: -1rem;
	left: 50%;
	transform: translateX(-50%);
}

.campuslife_event_ttl span {
	display: inline-block;
	width: 12rem;
	background-color: #B29554;
	border-radius: 2rem;
	padding: 0.1rem 0;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
}

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

.list_campuslife_event li{
	background: url("../images/campuslife/listmark_event.png") no-repeat left top 0.4rem;
	background-size: 0.9rem;
	padding-left: 1.3rem;
	font-size: 0.9rem;
}

	@media print, screen and (min-width:760px){
	.campus_event {
		padding-bottom: 1rem;
		padding-top: 5rem;
	}
		
	.flex_campuslife_event {
		display: flex;
		flex-direction: row;
		gap: 2rem 2rem;
	}
		
	.card_campuslife_event {
		width: 32%;
	}
		
	.flex_inner_card_event {
		display: flex;
		flex-direction: row;
		gap: 2rem;
	}

	.col_campuslife_event {
		width: 48%;	
	}
	}

/*-----------------------------
キャンパスライフ　受賞歴
-----------------------------*/
.campus_award {
	padding-bottom: 1rem;
	padding-top: 4rem;
}

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

.card_campuslife_award {
	box-sizing: border-box;
	background-color: #F4E9C5;
	border-radius: 0.5rem;
	padding: 1rem;
}

.ttl_campuslife_award {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4rem;
	border-bottom: solid 3px #FFD060;
	margin-bottom: 1rem;
	font-size: 1.3rem;
	font-weight: bold;	
	text-align: center;
	line-height: 1.2;
}
	@media print, screen and (min-width:760px){
	.campus_award {
		padding-bottom: 1rem;
		padding-top: 5rem;
	}		
	.flex_campuslife_award {
		display: flex;
		flex-direction: row;
		gap: 2rem 2rem;
	}

	.card_campuslife_award {
		width: 32%;
		padding: 1rem;
	}
			
	}

/*-----------------------------
キャンパスライフ　一人暮らし
-----------------------------*/
.campus_live {
	padding: 4rem 0;
}

.ttl_campuslife_01 {
	font-size: 1.7rem;
	background-color: #d36d45;
	color: #fff;
	line-height: 1.2;
	padding: 0.3rem 0;
	letter-spacing: 2px;
}

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

	@media print, screen and (min-width:760px){
	.campus_live {
		padding: 5rem 0;
	}
		
	.ttl_campuslife_01 {
		font-size: 2.5rem;
	}		
	
	.flex_live {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 56rem;
		margin-left: auto;
		margin-right: auto;
		gap: 2rem 2rem;
	}
		
	.col_bn {
		width: 48%;	
	}
	}

/*-----------------------------
既卒者の方へ　ページタイトル
-----------------------------*/
.page_ttl_employed {
	padding-top: 3.25rem;
}

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

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

/*-----------------------------
既卒者の方へ　共通タイトル類
-----------------------------*/
.ttl_employed_01 {
	border-top: solid 1px;
	border-bottom: solid 1px;
	text-align: center;
	padding: 0.2rem 0;
	font-size: 1.4rem;
	line-height: 1.5;
} 


	@media print, screen and (min-width:760px){
	.ttl_employed_01 {
		padding: 0.3rem 0;		
		font-size: 1.7rem;	
	} 	
	}

/*-----------------------------
既卒者の方へ　リード文
-----------------------------*/
.employed_lead {
	padding: 3rem 0;
}

.employed_lead img {
	width: 17rem;
}

	@media print, screen and (min-width:760px){
	.employed_lead {
		padding: 5rem 0;
	}
	.employed_lead img {
		width: 46rem;
		max-width: 600px;
	}		
	}

/*-----------------------------
既卒者の方へ　キャリアアップ再進学を検討中の方へ 限定特典
-----------------------------*/
.employed_tokuten {
	background-color: #e3eef3;
	padding: 3rem 0;
}

.box_shogakukin {
	background-color: #fff;
	border-radius: 1rem;
	padding: 1rem;
	text-align: center;
}

.box_shogakukin_02 {
	box-sizing: border-box;
	background-color: #d5e6ed;
	padding: 1rem;
	border-radius: 1rem;	
}

.box_shogakukin_03 {
	box-sizing: border-box;	
	border: solid 2px #ca1724;
	border-radius: 1rem;
	padding: 1rem;
}

.ttl_employed_02 {
	background-color: #0080a2;
	color: #fff;
	font-size: 1.2rem;
	padding: 0.2rem 0;
}

.txt_tokuten_01 {
	font-size: 1.5rem;
	font-weight: bold;
	border-bottom: solid 2px #b49754;
	letter-spacing: 2px;
}

.txt_tokuten_04 { color: #ca1724; }
.txt_tokuten_05 { font-size: 1.3rem; font-weight: bold; letter-spacing: 2px; }
.txt_tokuten_02 { font-size: 1.7rem; }
.txt_tokuten_03 { font-size: 1.3rem; color: #ca1724;}
.txt_tokuten_06 { font-size: 1.3rem; color: #fff; background-color: #ae0012;}
.txt_tokuten_07 { font-size: 1.7rem; color: #ca1724;}
.or { display: inline-block; background-color: #b49754; color: #fff; padding: 0 1rem; border-radius: 2rem;}
.and { display: inline-block; background-color: #ca1724; color: #fff; padding: 0 1rem; border-radius: 2rem;}
	

	@media print, screen and (min-width:760px){
	.employed_tokuten {
		background-color: #e3eef3;
		padding: 5rem 0;
	}

	.box_shogakukin {
		padding: 3rem 3rem;
	}

	.box_shogakukin_02 {
		padding: 1rem 2rem 1rem 2rem;
	}

	.box_shogakukin_03 {
		padding: 1.5rem 2rem 1.5rem 2rem;
	}		
		
	.txt_tokuten {
		width: 48rem;
		max-width: 700px;
	}

	.ttl_employed_02 {
		font-size: 1.7rem;
	}
		
	.txt_tokuten_01 {
		font-size: 1.7rem;
	}

	.txt_tokuten_05 { font-size: 1.7rem; }
	.txt_tokuten_02 { font-size: 2rem; }
	.txt_tokuten_03 { font-size: 1.5rem; }
	.txt_tokuten_06 { font-size: 1.7rem; }
	.txt_tokuten_07 { font-size: 2rem; }		
	}

/*-----------------------------
既卒者の方へ　キャリアアップを実現した卒業生
-----------------------------*/
.carrierup {
	background-color: #fff2da;
	padding: 3rem 0;
}

.flex_carrierup {
	display: flex;
	flex-direction: column;
	gap: 1.5rem 0;	
}

.card_carrierup {
	box-sizing: border-box;
	padding: 1.5rem 1rem;
	background-color: #fff;
}

.card_carrierup figure {
	margin-left: -2rem;
}

.card_carrierup figure img {
	width: 15rem;
}

.carrier_fs {
	font-size: 0.9rem;
}

	@media print, screen and (min-width:760px){
	.carrierup {
		padding: 5rem 0;
	}
		
	.flex_carrierup {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1.5rem 1.5rem;
	}
		
	.card_carrierup {
		width: calc((100% - 1.5rem) / 2);
		padding: 2rem;		
	}
		
	.carrier_fs {
		font-size: 1rem;
	}		
	}

/*-----------------------------
既卒者の方へ　企業からの信頼
-----------------------------*/
.employed_recruitment {
	padding: 2rem 0 3rem 0;
}

.txt_recruitment_01 {
	color: #b49754;
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.5;
	font-weight: bold;
}

.box_employed_recruuitment {
	background-color: #fff2da;
	padding: 2rem 1rem;
}

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

.flex_employed_recruitment img {
	width: 15rem;
}

.box_employed_recruuitment_02 {
	background-color: #fff;
	padding: 1rem;
}

.ttl_graph_01 {
	border-bottom: solid 1px;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.3;
}

.btn_01_c { /*もっと見るのボタン大き目*/
	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 #b49754;
	line-height: 1;
	padding: 0.3rem 0.5rem 0.4rem 0.5rem;
	font-size: 1.3rem;
	transition-duration: .5s;
}

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

	@media print, screen and (min-width:760px){
	.employed_recruitment {
		padding: 4rem 0 5rem 0;
	}		
	.txt_recruitment_01 {
		font-size: 2.4rem;
	}
		
	.box_employed_recruuitment {
		background-color: #fff2da;
		padding: 3rem 4rem;
	}		
		
	.flex_employed_recruitment {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0;
		justify-content: space-between;
	}
	
	.flex_employed_recruitment img {
		width: auto;
	}		
		
	.col_employed_recruitment_01 {
		width: 18.2rem;
	}
		
	.col_employed_recruitment_02 {
		width: 33.6rem;
	}
		
	.box_employed_recruuitment_02 {
		padding: 2.5rem;
	}
		
	.ttl_graph_01 {
		font-size: 1.4rem;
	}
		
	.box_employed_recruuitment_02 div img{
		width: 33rem;
	}		
	}

/*-----------------------------
既卒者の方へ　充実の支援制度
-----------------------------*/
.grid_employed_support {
	box-sizing: border-box;
	display: grid;
	gap: 0.2rem;
	background-color: #b49754;
	padding: 0.5rem 1rem 1rem 1rem;
	border-radius: 2rem 0 2rem 0;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 1rem;
}

.txt_employed_support {
	background-color: #ffd760;
	border-radius: 1rem;
	color: #cd1724;
}

.txt_employed_support_02 {
	background-color: #fff;
	border-radius: 1rem;
	color: #b49754;
}

.fs_support {
	font-size: 0.95rem;
	padding: 0.25rem 0;
}

	@media print, screen and (min-width:760px){
	.grid_employed_support {
		display: grid;
		grid-template-columns: 25rem 1fr;
		gap: 0;
		padding: 1rem 2rem;
		font-size: 1.4rem;
	}

	.fs_support {
		font-size: inherit;
		padding: 0;
	}			
	}

/*-----------------------------
既卒者の方へ　４つのコース専攻
-----------------------------*/
.num4 {
	font-size: 2.5rem;
	line-height: 1;
}

.bg_color {
	background-color: #b49754;
	color: #fff;
	padding: 0 0.5rem;
}

	@media print, screen and (min-width:760px){
	.num4 {
		font-size: 3rem;
	}		
	}

/*-----------------------------
既卒者の方へ　名調についてもっと詳しく（タイトル）
-----------------------------*/
.meicho_more {
	padding: 1rem 0 0.3rem 0;
	background: url("../images/target/bg_meicho_more.jpg") no-repeat center center;
	background-size: cover;
}

.txt_meicho_more_01 {
	padding: 0 1rem;
	background-color: #fff;
	color: #b49754;
	border-radius: 2rem;
	font-size: 1.3rem;
}

.txt_meicho_more_02 {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
}

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

	.txt_meicho_more_01 {
		padding: 0 2rem;
		font-size: 1.7rem;
	}
		
	.txt_meicho_more_02 {
		color: #fff;
		font-size: 2.4rem;
	}			
	}

/*-----------------------------
既卒者の方へ　名調についてもっと詳しく（バナー）
-----------------------------*/
.meicho_bnr {
	padding: 2rem 0 3rem 0;
	background: url("../images/target/bg_meicho_bnr.png") no-repeat center bottom;
	background-size: cover;
}

.flex_meicho_bnr_01 {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
}

.flex_meicho_bnr_02 {
	display: flex;
	flex-direction: column;
	gap: 1rem 0;
}

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

	.col_meicho_bnr_01 {
		width: calc((100% - 2rem) / 2);
	}		

	.flex_meicho_bnr_02 {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0 1rem;
	}
		
	.col_meicho_bnr_02 {
		width: calc((100% - 2rem) / 3);
	}		
	}
		
/*-----------------------------
既卒者の方へ　名調が気になった方は（タイトル）
-----------------------------*/
.meicho_moreover {
	padding: 0.5rem 0.5rem;
	background-color: #b69954;
}

	@media print, screen and (min-width:760px){
	.meicho_moreover img {
		width: 50rem;
	}
	}

/*-----------------------------
既卒者の方へ　名調が気になった方は（バナーボタン）
-----------------------------*/
.sec_meicho_moreover {
	padding: 2rem 0 3rem 0;
	background-color: rgba(209,198,176,0.25);
	position: relative;
	border-bottom: solid 0.3rem #b69954;
}

.arrow_employed {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

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

.btn_meicho_moreover {
	display: block;
	width: calc((100% - 1rem) / 2);
	box-sizing: border-box;
	background-color: #fff;
	border: solid 1px #000000;
	border-radius: 0.5rem;
	box-shadow: 6px 6px #BB9E54;
	padding: 0.5rem 0.5rem;
	text-align: center;
	text-decoration: none;
	color: inherit;
	line-height: 1.5;
	transition-duration: .5s;
}

.btn_meicho_moreover:hover {
	transform: translate(6px,6px);
	box-shadow: none;	
}

.btn_meicho_moreover p {
	font-size: 1.1rem;
	line-height: 1.3;
	font-weight: bold;
	height: 3.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

	@media print, screen and (min-width:760px){
	.sec_meicho_moreover {
		padding: 4rem 0 5rem 0;
	}

	.wrap_meicho_moreover {
		gap: 3rem;
	}

	.btn_meicho_moreover {
		width: calc((100% - 3rem) / 2);
		padding: 1rem 0.5rem;
	}		
	.btn_meicho_moreover p {
		font-size: 1.3rem;
		height: 2.5rem;
	}		
	}

/*-----------------------------
よくあるご質問
-----------------------------*/
.employed_qa {
	padding: 3rem 0 4rem 0;
	background: url("../images/target/bg_employed_qa.png") center top;
}

.btn_01_b { /*もっと見るのボタン大き目*/
	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 #005280;
	line-height: 1;
	padding: 0.3rem 0.5rem 0.4rem 0.5rem;
	font-size: 1.3rem;
	transition-duration: .5s;
}

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


	@media print, screen and (min-width:760px){
	.employed_qa {
		padding: 5rem 0 6rem 0;
	}
	}

/****アコーディオンのためのcss****/

/*アコーディオン全体*/
.accordion-area{
	list-style: none;
	/*max-width: 900px;
	margin:0 auto;*/
}

.accordion-area section {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #fff;
}

/*アコーディオンタイトル*/
.faq_ttl {
	position: relative;/*+マークの位置基準とするためrelative指定*/
	cursor: pointer;
	padding: 1rem 2.5rem 1rem 0.7rem;
	transition: all .5s ease;
	/*align-items: flex-start;*/
	display: grid;
	grid-template-columns: 2.3rem 1fr;
	align-items: center;
	font-size: 1.2rem;
}


/*アイコンの＋と×*/
.faq_ttl::before {
	position: absolute;
	content:'';
	top:50%;
	right: 1.5rem;
	width: 0.7rem;
	height: 1px;
	background-color: #000000;
}

.faq_ttl::after {
	position: absolute;
	content:'';
	top:50%;
	right: 1rem;
	width: 0.7rem;
	height: 1px;
	background-color: #000000;
}

.faq_ttl::before {transform: rotate(45deg);}
.faq_ttl::after {transform: rotate(-45deg);}

/*　closeというクラスがついたら形状変化　*/
.faq_ttl.close::before {transform: rotate(-45deg);}
.faq_ttl.close::after {transform: rotate(45deg);}

/*アコーディオンで現れるエリア*/
.faq_box {
	display: none;/*はじめは非表示*/
	border-top: 1px solid #000;
	background-color: #fbf0ec;
	padding: 1rem 1rem 1rem 0.7rem;	
}

.inner_faq_box {
	display: grid;
	grid-template-columns: 2.3rem 1fr;
}

.faq_box p img, .faq_ttl p img {
	width: 2rem;
}

	@media only screen and (min-width:768px){
	.faq_ttl{
		padding: 1rem 2.5rem 1rem 1.5rem;
	}
	
	.faq_ttl::before {right: 3rem;}

	.faq_ttl::after {right: 2.5rem;}
	
	.faq_box {
		padding: 1rem 2.5rem 1rem 1.5rem;
	}
	}

/*-----------------------------
保護者の方へ　高等課程へのリンク
-----------------------------*/
.parents_for_highschool{
    text-align: center;
    font-size: 1.3rem;
    background-color: #F3F1EB;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.parents_for_highschool a{
	color: #D56D45;
}

.parents_for_highschool a:hover{
    text-decoration: underline;	
}

/*-----------------------------
Q&A
-----------------------------*/
.section_qa{
	padding-top: 3rem;
}

.ttl_qa{
    text-align: center;
    font-size: 1.3rem;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: 3rem;
}

@media only screen and (min-width:768px){
	.ttl_qa{
		font-size: 1.5rem;
		letter-spacing: 2px;
		margin-bottom: 3rem;
	}
}

.ttl_qa:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -6px;
  display: inline-block;
  width: 3rem;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #bb9e54;
  border-radius: 4px;
	
}

.faq_box_qa {
	background-color: #f8f5ee;
}

.accordion-area_qa section {
	border-bottom: 0;
}

.accordion-area_qa li:last-child{
	border-bottom: 1px solid #000000;
}

/*-----------------------------
フォーム
-----------------------------*/
.box_contact_info {
	border: solid 2px #bb9e54;
	padding: 1rem;
	border-radius: 1rem;
	box-shadow: 0.5rem 0.5rem #bb9e54;
	margin-bottom: 2rem;
}

.apply_grade {
	background-color: #ffd660;
	font-size: 1.4rem;
	color: #005280;
	text-align: center;
	padding: 0.3rem;
	border-radius: 0.5rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

.contact_tel{
    margin-bottom: 1.25rem;
    text-align: center;
	font-size: 1.5rem;
}

.contact_time{
    text-align: center;
}

.box_form {
    background-color: #F3F1EB;
    padding: 2rem 1rem;
    border-radius: 0.5rem;
    line-height: 2rem;
}

.wrap_ttl_mailform {
	padding: 0.2rem 0;
	border-top: solid 2px #bb9e54;
	border-bottom: solid 2px #bb9e54;	
}

.ttl_mailform {
	padding: 0.3rem 0;
	border-top: solid 1px #bb9e54;
	border-bottom: solid 1px #bb9e54;
	text-align: center;
	font-size: 1.4rem;
	color: #bb9e54;
}

.wrap_field {
	padding: 0.5rem 0;
}

.form_item {
	font-size: 1.1rem;
	padding: 0.5rem 0;
	margin-bottom: 0.3rem;
}

.form_item span {
	background-color: #cd2243;
	color: #fff;
	padding: 0 0.7rem;
	border-radius: 1rem;
	margin-left: 0.5rem;
}

.form_field label {
	display: block;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #005280; /* 枠線 */
    border-radius: 50%; /* 枠線を円にする */
    height: 1rem; /* ボタンの高さ */
    width: 1rem; /* ボタンの幅 */
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    margin-top: -0.2rem;
    background-color: #fff;
}

input[type="radio"]:checked {
  background-color: #005280;
}

input[type="checkbox"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
	border: 1px solid #005280; /* 枠線 */
	border-radius: 0.5rem; /* 枠線を円にする */
	height: 1rem; /* ボタンの高さ */
	width: 1rem; /* ボタンの幅 */	
	margin-right: 0.5rem;
    margin-left: 0.5rem;
	margin-top: -0.2rem;
	background-color: #fff;
}

input[type="checkbox"]:checked {
  background-color: #005280;
}

.fieldstyle01 {
	box-sizing: border-box;
	width: 100%;
	border: solid 1px #005280;
	padding: 0.5rem 0.5rem;
	border-radius: 0.3rem;
}

.fieldstyle02 {
	box-sizing: border-box;
	width: 100%;
	height: 20rem;
	border: solid 1px #005280;
	padding: 1rem 0.5rem;
	border-radius: 0.3rem;
	line-height: 1.5;
}

.txt_kototaiken_01 {
	background-color: #005280;
	color: #fff;
	padding: 0.3rem;
	border-radius: 0.3rem;
	margin: 2rem 0 0 0;
	font-size: 1.3rem;
}

input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}

.flex_submit {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.form_submit {
	text-align: center;
	margin: 0 1rem;
}

.form_submit input {
	width: 10rem;
	border: solid 1px #D56D45;
    background-color: #D56D45;
	padding: 0.5rem 0;
	font-size: 1.2rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
	cursor: pointer;
	transition-duration: .3s;
	border-radius: 2rem;
}

.form_submit input:hover {
	background-color: #fff;
	color: #D56D45;
}

.form_submit span{
	display:none;
}


	@media only screen and (min-width:768px){
	.box_contact_info {
		padding: 2rem;
		margin-bottom: 3rem;
	}
		
	.ttl_mailform {
		font-size: 1.5rem;
	}
		
	.box_form {
		padding: 2rem;
	}		
	}

/*--------------------------------
公開講座
--------------------------------*/
.wrap_linkdesign01 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem;
}

.btn_linkdesign01 {
	display: block;
	width: calc(94% / 2);
	box-sizing: border-box;
	background-color: #fff;
	border: solid 1px #000000;
	border-radius: 0.5rem;
	box-shadow: 6px 6px #BB9E54;
	padding: 1rem;
	text-align: center;
	text-decoration: none;
	color: inherit;
	line-height: 1.5;
	transition-duration: .5s;
}

.btn_linkdesign01:hover {
	transform: translate(6px,6px);
	box-shadow: none;	
}

/*--------------------------------
新着情報（single.php）
--------------------------------*/

.entry-header{
    margin-bottom: 1.25rem;
    color: #999999;
}

/*pagenavi*/
.navigation{clear:both;padding:0;font-size:13px;line-height:20px;text-align:center;overflow:hidden;margin:20px 0;}
.navigation a,
.navigation span{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:3px;margin:2px;display:inline-block;}
.navigation a:hover{background-color:#aaa;}
.navigation div.alignleft{float:left;}
.navigation div.alignright{float:right;}
.navigation div.alignleft a,
.navigation div.alignright a{margin:0;}
.navigation span.current{background-color:#333;}
.navigation span.pages{background-color:#ccc;padding:5px 20px;}