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

/*=======
doctor
=======*/

/*wrap01 -image text*/
/*--grid--後述*/
/* image */
.wrap01 .image {
	grid-area: image;
}
.wrap01 .image img {
	border-radius: 8px;
}
/* text */
.wrap01 .text {
	grid-area: text;
}
/*タイトルはel_title01*/
/**/
.wrap01 .text p {
	line-height: 2.2;
}
/* attr */
.wrap01 .attr1 {
	grid-area: attr1;
}
.wrap01 .attr2 {
	grid-area: attr2;
}
/* -style*/
.wrap01 .text .attribute div {
	margin-bottom: 30px;
}
.wrap01 .attribute ul {
	list-style: none;
	padding-left: 0;
	font-size: 0.875rem;
}
.wrap01 .attribute ul li {
	margin-bottom: 0.75em;
    padding-left: 1.0em;
    text-indent: -1.1em;
}
.wrap01 .attribute ul li::before {
	content:"⚫︎";
	color:var(--theme-color);
	display: inline-block;
	letter-spacing: 0.1em;
    padding-left: 1em;
}
/*--grid--*/
.wrap01 {
	display: grid;
	grid-template-columns: 367px auto auto;
	grid-template-rows: auto;
	grid-template-areas:
		"image text text"
		"image attr1 attr2";
	gap:20px 30px;
	margin-bottom: 80px;
}
@media screen and (max-width:930px){
	.wrap01 {
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas:
			"image text"
			"attr1 attr2";
	}
}
@media screen and (max-width:750px){
	.wrap01 .text p {
		line-height: 1.8;
	}
	.wrap01 .text h3 {
		margin-bottom: 20px;
	}
}
@media screen and (max-width:670px){
	.wrap01 {
		display: grid;
		grid-template-columns: auto;
		grid-template-rows: auto;
		grid-template-areas:
			"image image"
			"text text"
			"attr1 attr2";
	}
	.wrap01 .image img {
		margin-left: auto;
		margin-right: auto;
	}
}


/*経歴*/
/*h4 .title.-dotline共用*/
/*common.css .bl_listを適用*/
.bl_list .date {
	color:var(--theme-color);
	font-weight: bold;
}