@charset "UTF-8";

/*teacher*/
.tit_wrap h1.h_teacher{
	width: 189px;
	height: 101px;
	background: url('../../img/introduction/teacher/h_teacher.png') no-repeat;
	background-size: cover;
	}

.h2_wrap h2.h_teacher_index{
	width: 380px;
	height: 45px;
	background: url('../../img/introduction/teacher/h_teacher_index.png') no-repeat;
	background-size: cover;
	}

.h2_wrap h2.h_cooking{
	width: 189px;
	height: 45px;
	background: url('../../img/introduction/teacher/h_cooking.png') no-repeat;
	background-size: cover;
	}

.h2_wrap h2.h_patisserie{
	width: 285px;
	height: 45px;
	background: url('../../img/introduction/teacher/h_patisserie.png') no-repeat;
	background-size: cover;
	}

/*introduction/teacher*/
#teacher_index{
	padding: 80px 0;
	}
#teacher_index .grid_wrap.teacher_index_item_wrap{
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	}

#teacher_index a.teacher_index_item{
	display: flex;
	justify-content: space-between;
	align-items: start;
	border: 1px solid #d0d9df;
	border-radius: 10px;
	background: var(--col_white);
	padding: 20px;
	}
#teacher_index a.teacher_index_item:hover{
	text-decoration: none;
	background: var(--col_linksub);
	}
#teacher_index a.teacher_index_item .txt_wrap{
	padding: 10px 20px;
	}
#teacher_index a.teacher_index_item .txt_wrap::after{
	content: '';
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #d0d9df;
	background: var(--col_white) url('../img/icon_arrow_blue.svg') center center no-repeat;
	background-size: 12px 12px;
	margin-top: 40px;
	}
#teacher_index .img_teacher_index_item{
	display: block;
	width:240px;
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 100%;
	}

/*teacher_cat_list*/
#teacher_cat_list{
	padding:80px 0;
	}

#teacher_cat_list .grid_wrap.teacher_cat_list_item_wrap{
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
	}
#teacher_cat_list a.teacher_cat_list_item{
	border: 1px solid #d0d9df;
	border-radius: 10px;
	background: var(--col_white);
	padding: 30px;
	}


#teacher_cat_list a.teacher_cat_list_item p.txt_20{
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: normal;
	}

#teacher_cat_list a.teacher_cat_list_item p.txt_20::after{
	content: '';
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	border: 1px solid #d0d9df;
	background: var(--col_white) url('../img/icon_arrow_blue.svg') center center no-repeat;
	background-size: 12px 12px;
	}


#teacher_cat_list a.teacher_cat_list_item .txt_12.col_sub{
	border-right: 1px solid #d0d9df;
	margin-right: 20px;
	padding-right: 20px;
	}

#teacher_cat_list a.teacher_cat_list_item .col_main{
	color: var(--col_main);
	}

#teacher_cat_list a.teacher_cat_list_item:hover{
	text-decoration: none;
	background: var(--col_linksub);
	}

#teacher_cat_list .teacher_cat_list_item{
	border: 1px solid #d0d9df;
	border-radius: 10px;
	background: var(--col_white);
	padding: 30px;
	}


#teacher_cat_list .teacher_cat_list_item p.txt_20{
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: normal;
	color: var(--col_link);
	}


#teacher_cat_list .teacher_cat_list_item .txt_12.col_sub{
	white-space: nowrap;
	border-right: 1px solid #d0d9df;
	margin-right: 20px;
	padding-right: 20px;
	}

#teacher_cat_list .teacher_cat_list_item .col_main{
	color: var(--col_main);
	}

/* Media Queries
==========================================================================*/
@media screen and (max-width:1200px) {
/*teacher*/
#teacher_index .img_teacher_index_item,#teacher_index a.teacher_index_item .txt_wrap{
	width: calc(50% - 10px);
	}
#teacher_index a.teacher_index_item .txt_wrap{
	padding: 10px 0;
	}

#teacher_cat_list a.teacher_cat_list_item{
	padding: 20px;
	}
}
@media screen and (max-width:767px) {
/*teacher*/
.tit_wrap h1.h_teacher{
	width: 127px;
	height: 68px;
	background-size: 127px 68px;
	}
.h2_wrap h2.h_teacher_index{
	width: 287px;
	height: 34px;
	background-size: 287px 34px;
	}
.h2_wrap h2.h_cooking{
	width: 143px;
	height: 34px;
	background-size: 143px 34px;
	}

.h2_wrap h2.h_patisserie{
	width: 215px;
	height: 34px;
	background-size: 215px 34px;
	}
/*teacher_index*/
#teacher_index{
	padding: 40px 0;
	}
#teacher_index .grid_wrap.teacher_index_item_wrap{
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
	}

#teacher_index a.teacher_index_item{
	align-items: center;
	border-radius: 10px;
	padding: 10px;
	}
#teacher_index a.teacher_index_item .txt_wrap{
	padding: 10px;
	width: calc(100% - 130px);
	}
#teacher_index a.teacher_index_item .txt_wrap::after{
	margin-top: 20px;
	}
#teacher_index a.teacher_index_item .txt_wrap p{
	line-height: 1.5;
	}
#teacher_index .img_teacher_index_item{
	width: 120px;
	}

/*teacher_cat_list*/
#teacher_cat_list{
	padding: 40px 0;
	}

#teacher_cat_list .grid_wrap.teacher_cat_list_item_wrap{
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
	}
#teacher_cat_list a.teacher_cat_list_item{
	border-radius: 10px;
	padding: 20px;
	}
#teacher_cat_list .teacher_cat_list_item{
	border-radius: 10px;
	padding: 20px;
	}
}