/*----------------------------------------------------------
幅
----------------------------------------------------------*/
.inner9{width:90%;margin:0 auto;}
@media only screen and (max-width: 799px){
	.inner9{width:94%;}
}

/*----------------------------------------------------------
お知らせ欄
----------------------------------------------------------*/
.topics_area{
	margin: 0;
	border-radius: 5px;
	border: solid #a5917c 1px; 
}
.topics_area_title{
	padding: 2px 0 2px 15px;
    border-bottom: solid 1px #a5917c;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    background-color:#a5917c;
    text-align: center;
}
.topics_area_inner{
	padding: 5px;
	max-height: 300px; 
	overflow: auto; 
}
.topics_area dt{
	display: table-cell;
	clear: left ;
	margin-right: 0.5em ;
	width: 120px ;
	vertical-align: top;
	font-size: 16px;
	line-height:25px;
	padding-bottom:7px;
}
.topics_area dd{
	display: table-cell;
	vertical-align: top;
	font-size: 16px;
	line-height:25px;
	text-indent: -1em;
    padding-left: 1em;
	padding-bottom:7px;
}

.topics_area dd:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color: #f00;
    vertical-align: middle;
}

.topics_area p{font-size:16px;}

.topics_area dt img {
    display: inline-block;   /* 横並びを明示 */
    vertical-align: middle;  /* テキストの中央に揃える */
    margin-left: 5px;        /* 日付との間隔 */
}

@media only screen and (max-width: 799px){	

	.topics_area_inner{max-height: 400px; }
	.topics_area dt{
		display: block;
		font-size:16px;
		width: 95%;
		padding:0 0 0 10;
		padding-bottom:0;
		margin:0;
	}
	.topics_area dd{
		display: block;
		width: 95%;
		text-indent: 0;
		margin:0;
		font-size:16px;
		line-height:1.5em;
    	padding-left:5px;
	}

}

.indent{text-indent:-1.3em;padding-left:1.3em;}

/*----------------------------------------------------------
トップ　こんな悩み
----------------------------------------------------------*/
.boxtop{display:flex;gap:20px;margin-bottom:50px;flex-direction:row;}
.boxtop-img{width:350px;}
.boxtop-p{width:calc(100% - 350px);}
.boxtop-img img{width:100%;}
.boxtop-p p.title{font-size:24px;font-weight:bold;margin-bottom:20px;border-bottom:solid 1px;padding-left:1em;}
@media screen and (max-width: 799px) {
	.boxtop{flex-direction:column-reverse;}
	.boxtop-img{width:100%;}
	.boxtop-p{width:100%;}
	.boxtop-img img{width:100%;}
	.boxtop-p p.title{font-size:20px;font-weight:bold;padding-left:10px;}
}

/*----------------------------------------------------------
こんな悩み
----------------------------------------------------------*/
.boxnayami{display:flex;gap:0 20px;}
.boxnayami-img{width:50%;}
.boxnayami-img img{width:100%;}
.boxnayami-p{width:50%;background-color:#f5f5f5;padding:1em;}
.boxnayami-p p{margin-bottom:10px;}
@media only screen and (max-width: 799px){
	.boxnayami{flex-direction:column;gap:20px 0;}
	.boxnayami-img{width:100%;}
	.boxnayami-img img{width:100%;}
	.boxnayami-p{width:96%;margin-top:10px;padding:10px;}
}

/*写真２枚版*/
.boxnayami2{display:flex;gap:0 5px;}
.boxnayami2-item{width:calc(100% / 2);}
@media only screen and (max-width: 799px){
	.boxnayami2{flex-direction:column;gap:10px 0;}
	.boxnayami2-item{width:96%;margin:0 auto;}
}

/*写真３枚版*/
.boxnayami3{display:flex;gap:0 5px;}
.boxnayami3-item{width:calc(100% / 3);}
@media only screen and (max-width: 799px){
	.boxnayami3{flex-direction:column;gap:10px 0;}
	.boxnayami3-item{width:96%;margin:0 auto;}
}

/*----------------------------------------------------------
悩みタイトル
----------------------------------------------------------*/
.title_nayami{font-size:34px;font-weight:bold;font-family:sans-serif;padding-top:20px;text-align:center;}
.title_nayami1{font-size:28px;font-weight:bold;font-family:sans-serif;padding-top:20px;text-align:center;}
.title_nayami2{font-size:22px;font-weight:bold;font-family:sans-serif;text-align:center;}
@media screen and (max-width: 799px) {
	.title_nayami{font-size:20px;text-align:left;}
	.title_nayami1{font-size:18px;font-weight:bold;font-family:sans-serif;padding-top:20px;text-align:left;}
	.title_nayami2{font-size:16px;text-align:left;}
}

/*----------------------------------------------------------
院長はこんな人
----------------------------------------------------------*/
.boxaisatu{display:flex;}
.boxaisatu-img{width:250px;}
.boxaisatu-img img{width:100%;}
.boxaisatu-p{calc(100% - 300px);margin-left:50px;}
@media screen and (max-width: 799px) {
	.boxaisatu{flex-direction:column;}
	.boxaisatu-img{width:100%;text-align:center;}
	.boxaisatu-img img{width:200px;}
	.boxaisatu-p{margin:20px 0 0 0;width:100%;}
}
/*略歴テーブル*/
table.syokai{table-layout:fix;}
table.syokai td:nth-of-type(1) {vertical-align:top;width:180px;}
@media only screen and (max-width: 799px){
	table.syokai td:nth-of-type(1) {vertical-align:top;width:160px;}
}

ul.maru{list-style: disc;margin-left:1.5em;}
ul.maru li{margin-bottom:20px;}



/*----------------------------------------------------------
３つの取り組み
----------------------------------------------------------*/
.ft30-titlle{font-size:26px;}
.ft30-titlle2{font-size:40px;}
@media only screen and (max-width: 799px){
	.ft30-titlle{font-size:20px;font-weight:bold;}
	.ft30-titlle2{font-size:28px;font-weight:bold;}
}

.torikumi-title {
 	position: relative;
  	padding: 0.7rem 2rem 0rem 60px;
	font-size:26px;
	font-weight:bold;
	margin-bottom:20px;
	border-bottom: 4px solid #b2d5de;
}

.torikumi-title span {
  font-family: 'Roboto', sans-serif;
  font-size: 50px;
  color:#4169e1;
  line-height: 1;
  position: absolute;
  bottom: 0rem;
  left: 0;
}
@media only screen and (max-width: 799px){
	.torikumi-title {padding: 0.5rem 0 5px 60px;font-size:20px;text-indent:-20px;line-height:1.5;}
	.torikumi-title span {font-size: 34px;line-height: 1.4;left: 20px;}
}

.box-torikumi{display:flex;margin:20px 0 50px 0;flex-direction:row;}
.box-torikumi-text{width:calc(100% - 350px);padding-right:20px;}
.box-torikumi-img{width:350px;}
.box-torikumi-img img{width:100%;}

@media only screen and (max-width: 799px){
	.box-torikumi{flex-direction:column;margin:20px 0 70px 0;}
	.box-torikumi-text{padding:0;width:100%;}
	.box-torikumi-img{width:100%;margin-top:20px;}
}

/*----------------------------------------------------------
チェックマーク
----------------------------------------------------------*/
.checkmark005{
	padding-left:24px;
	position:relative;
}

.checkmark005:before,
.checkmark005:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark005:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #000000;
	left:0;top:2px;
}
.checkmark005:after{
	border-left:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	width:15px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
}