@charset "utf-8";

/*------------------------------------------------------------------------------
Css name: content.css
Css info: コンテンツスタイル
------------------------------------------------------------------------------*/
/*//////////////////////////////////////////////////////// */
/* 共通-------------*/
/*//////////////////////////////////////////////////////// */

/* fonts */
.mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* アニメーション ------------------------------*/

/*スクロールフェードインアニメーションの指定*/
.scrollanime {opacity: 0;} /*一瞬表示されるのを防ぐ*/
.fade_on {
    animation-name: fade_on;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}
@keyframes fade_on {
    0% {
        opacity: 0; 
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		-ms-transition: all 1s;
		transition: all 1s;        
    	}
    100% {
		opacity: 1;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		-ms-transition: all 1s;
		transition: all 1s;      
		transform: translate(0);
		}
}
 
/*上下の動きを指定*/
.updown {transform: translateY(-50px);}
.downup {transform: translateY(50px);}
 
/*左右の動きを指定*/
.sect02{overflow: hidden;} /*横スクロールバーを隠す*/
.slide-right {transform: translateX(50px);}
.slide-left {transform: translateX(-50px);}

/*フェードインアニメーションの指定*/
.fadeinanime{
	animation-name: fadeInAnime;
	animation-duration: 5s;
	animation-fill-mode:forwards;
	opacity:0;
	}
@keyframes fadeInAnime {
    0% {
        opacity: 0; 
		-webkit-transition: all 1s ease-in;
		-moz-transition: all 1s ease-in;
		-o-transition: all 1s ease-in;
		-ms-transition: all 1s ease-in;
		transition: all 1s ease-in;   
    	}
    100% {
		opacity: 1;
		-webkit-transition: all 1s ease-in;
		-moz-transition: all 1s ease-in;
		-o-transition: all 1s ease-in;
		-ms-transition: all 1s ease-in;
		transition: all 1s ease-in;   
		}
}

/* 共通パーツ ------------------------------*/

/* 見出しラベル */
.ttl-label {
	background: #ffffff;
	color: #5e66aa;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	box-shadow: 0px 5px 15px 0px rgba(47, 50, 104, 0.1);
	display: inline-block;
	}
	.ttl-label span{
		display: inline-block;
	}

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	.ttl-label {
		padding: 10px 24px;
		margin-bottom: 40px;
	}
	.ttl-label p img {
		height: 28px;
		width: auto;
	}
	.ttl-label span{
		font-size: clamp(14px, 1.4vw, 14px);
		margin-left: 24px;
	}
}
@media print, screen and (min-width:960px) and (max-width:1299px){/*PC用指定*/

	.ttl-label {
		padding: 20px 48px 24px;
		margin-bottom: 40px;
	}
	.ttl-label p img {
		height: 24px;
		width: auto;
	}
	.ttl-label span{
		font-size: clamp(16px, 1.6vw, 16px);
		margin-left: 32px;
	}

	#home-box02 .ttl-label { margin-bottom: 60px; }
	#home-box04 .ttl-label { margin-bottom: 50px; }
}
@media print, screen and (min-width:1300px){/*PC用指定*/

	.ttl-label {
		padding: 20px 48px 24px calc(50% - 540px); /* -640（コンテンツ幅の半分） + 250px（右余白分 */
		margin-bottom: 40px;
	}
	.ttl-label p img {
		height: 34px;
		width: auto;
	}
	.ttl-label span{
		font-size: clamp(16px, 1.6vw, 16px);
		margin-left: 32px;
	}

	#home-box02 .ttl-label { margin-bottom: 60px; }
	#home-box04 .ttl-label { margin-bottom: 50px; }
}

/* 区切り線 */
.section-hr {
	display: block;
	text-align: center;
}

.section-hr span{
	display: inline-block;
	width: 1280px;
	max-width: calc(100% - 48px);
	border-bottom: 1px solid #b7c7e4;
}
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/
	.section-hr {
		margin-bottom: 40px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/
	.section-hr {
		margin-bottom: 56px;
	}
}

/* 青丸の見出し */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	.ttl-mark01 {
		color: #5e66aa;
		font-size: clamp(18px, 1.8vw, 18px);
		position: relative;
		padding-left: 24px;
		margin-bottom: 24px;
		}
		.ttl-mark01::before {
			content:"";
			position: absolute;
			width:20px;
			height:20px;
			left:0;
			top:0;
			bottom:0;
			margin: auto;
			background:url("../images/ico-ttl-mark01.png") center center no-repeat;
			background-size:contain;
			image-rendering: -webkit-optimize-contrast;/*Chrome*/
			image-rendering: auto;
		}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	.ttl-mark01 {
		color: #5e66aa;
		font-size: clamp(30px, 3.0vw, 30px);
		position: relative;
		padding-left: 40px;
		margin-bottom: 24px;
		}
		.ttl-mark01::before {
			content:"";
			position: absolute;
			width:34px;
			height:34px;
			left:0;
			top:0;
			bottom:0;
			margin: auto;
			background:url("../images/ico-ttl-mark01.png") center center no-repeat;
			background-size:contain;
			image-rendering: -webkit-optimize-contrast;/*Chrome*/
			image-rendering: auto;
		}
}

/* ブルーのリンクボタン */
.btn-lnk-s1 {
	margin: 20px 0 24px;
	}
	.btn-lnk-s1 a {
            max-width:370px;
            min-height:60px;
            background: #5e66aa;
            box-sizing: border-box;
            padding:5px 24px;
            color:#ffffff;  
            display:flex;
            flex-flow:row nowrap;
            align-items:center;
            justify-content:flex-start;
			border-radius: 10px;
            position: relative;
            }  
            .btn-lnk-s1 a::after {
	            content:"";
	            position: absolute;
	            display: block;
	            top: 0;
	            bottom: 0;
	            right: 24px;
	            margin: auto;
	            width:32px;
	            height:32px;
	            background:url("../images/ico-btn01.png") center center no-repeat;
	            background-size:contain;
	            image-rendering: -webkit-optimize-contrast;/*Chrome*/
	            image-rendering: auto;
	            } 
}
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	.btn-lnk-s1 a {
		font-size: clamp(18px, 1.8vw, 18px);
		}
        .btn-lnk-s1 a::after {
            width:32px;
            height:32px;
            } 
}
@media print, screen and (min-width:960px){/*PC用指定*/

	.btn-lnk-s1 a {
		font-size: clamp(20px, 2.0vw, 20px);
	}
        .btn-lnk-s1 a::after {
            width:24px;
            height:24px;
            } 
}

/* メインエリアにサイドメニュー用の余白 */
@media print, screen and (min-width:960px){/*PC用指定*/

	#home #main {
		/* サイドバー分の余白を取る */
		margin-right: 250px;
	}
	.page #main {
		/* サイドバー分の余白を取る */
		margin-right: 250px;
	}
}

/*//////////////////////////////////////////////////////// */
/* HOME-------------*/
/*//////////////////////////////////////////////////////// */

/*--- home-top ------------------------------*/
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-header-nav .lis-nav {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		}
		#home-header-nav .lis-nav li {
			width: calc(50% - 16px);
			margin-bottom: 24px;
			}
			#home-header-nav .lis-nav a{
				display: block;
				background: #ffffff;
				color: #5e66aa;
				border-radius: 20px;
				padding: 22px 0;
				text-align: center;
				font-size: clamp(18px, 1.8vw, 18px);
				letter-spacing: 0.05em;
			}
			#home-header-nav .lis-nav li img { margin-bottom: 16px; }
			#home-header-nav .lis-nav li.item-01 img { width: 52px; height: auto; }
			#home-header-nav .lis-nav li.item-02 img { width: 57px; height: auto; }
			#home-header-nav .lis-nav li.item-03 img { width: 67px; height: auto; }
			#home-header-nav .lis-nav li.item-04 img { width: 45px; height: auto; }
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-header-nav {
		margin-right: 250px;
	}
	#home-header-nav .lis-nav {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		max-width: 880px;
		width: 90%;
		margin: -32px auto 48px;
		z-index: 1;
		}
		#home-header-nav .lis-nav li {
			width: calc(25% - 12px);
			}
			#home-header-nav .lis-nav a{
				display: block;
				background: #ffffff;
				color: #5e66aa;
				border-radius: 20px;
				padding: 22px 0;
				text-align: center;
				font-size: clamp(20px, 2.0vw, 20px);
				letter-spacing: 0.05em;
			}
			#home-header-nav .lis-nav li img { margin-bottom: 16px; }
			#home-header-nav .lis-nav li.item-01 img { width: 42px; height: auto; }
			#home-header-nav .lis-nav li.item-02 img { width: 46px; height: auto; }
			#home-header-nav .lis-nav li.item-03 img { width: 54px; height: auto; }
			#home-header-nav .lis-nav li.item-04 img { width: 36px; height: auto; }

			#home-header-nav .lis-nav a:hover{
				box-shadow: 0 0 1px 0 rgba($color: #000000, $alpha: 0.16);
				translate: 0 5px;
				opacity: 1;
			}
}

/*--- home-box ------------------------------*/
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box02 .last-item {
		margin-bottom: 64px;
	}
	#home-box03 .last-item {
		margin-bottom: 64px;
	}

	#home-box04 .last-item {
		margin-bottom: 64px;
	}

	#home-box05 .last-item {
		margin-bottom: 64px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box02 .last-item {
		margin-bottom: 64px;
	}
	#home-box03 .last-item {
		margin-bottom: 100px;
	}

	#home-box04 .last-item {
		margin-bottom: 80px;
	}

	#home-box05 .last-item {
		margin-bottom: 100px;
	}
}

/*--- home-box01：診療時間表とお知らせ ------------------------------*/

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box01 .item-box .item-lef {
		text-align: center;
		margin-bottom: 60px;
	}
	#home-box01 .item-box .item-rig {
		text-align: center;
		margin-bottom: 60px;
	}
	#home-box01 .item-box .ttl-s1{
		color: #5e66aa;
		font-size: clamp(18px, 1.8vw, 18px);
		text-align: center;
		margin-bottom: 4px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box01 .item-box {
		width: 880px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		margin: 0 auto;
	}
	#home-box01 .item-box .ttl-s1{
		color: #5e66aa;
		font-size: clamp(20px, 2,0vw, 20px);
		text-align: center;
		margin-bottom: 4px;
	}
}

/* 診療時間表 */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box01 .item-box .lis-timetable {
		display: inline-block;
		font-size: clamp(16px, 1.6vw, 16px);
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box01 .item-box .lis-timetable {
		font-size: clamp(20px, 2.0vw, 20px);
	}
}
#home-box01 .item-box .lis-timetable {
	border: 1px solid #c4c7ea;
	border-radius: 8px;
	margin-bottom: 20px;
	}
	#home-box01 .item-box .lis-timetable li {
		padding-left: 14px;
		padding-right: 14px;
	}
	/* ttl */
	#home-box01 .item-box .lis-timetable .row-ttl {
		color: #fff;
		background: #5e66aa;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	#home-box01 .item-box .lis-timetable .item-ttl {
		display: inline-block;
		padding-right: 14px;
		}
		#home-box01 .item-box .lis-timetable .row-item .item-ttl {
			color: #5e66aa;
			text-align: right;
		}

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box01 .item-box .lis-timetable .item-ttl {
		width: 90px;
	}
	#home-box01 .item-box .lis-timetable .item-ttl .to {
		display: inline-block;
		padding: 0;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box01 .item-box .lis-timetable .item-ttl {
		width: 120px;
	}
	#home-box01 .item-box .lis-timetable .item-ttl .to {
		display: inline-block;
		padding: 0 4px;
	}
}

/* item */
#home-box01 .item-box .lis-timetable .row-item {
	background: #fff;
	}
	#home-box01 .item-box .lis-timetable .row-am p {
		border-bottom: 1px solid #c4c7ea;
	}
	#home-box01 .item-box .lis-timetable .row-pm {
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	#home-box01 .item-box .lis-timetable .item {
		display: inline-block;
		position: relative;
		}

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	/* ※※※ */
	#home-box01 .item-box .lis-timetable .item .notes{
		position: absolute;
		top:4px;
		right: 0px;
		font-size: 7px;
	}
	
	#home-box01 .item-box .lis-timetable .item {
		padding: 6px 4px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	/* ※※※ */
	#home-box01 .item-box .lis-timetable .item .notes{
		position: absolute;
		top:6px;
		right: 0px;
		font-size: 10px;
	}

	#home-box01 .item-box .lis-timetable .item {
		padding: 10px;
	}
}

/* text */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box01 .item-box .txt-s1 {
		color: #5e66aa;
		font-size: clamp(20px, 2.0vw, 20px);
	}
	#home-box01 .item-box .txt-s2 {
		font-size: clamp(14px, 1.4vw, 14px);
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box01 .item-box .txt-s1 {
		color: #5e66aa;
		font-size: clamp(26px, 2.6vw, 26px);
	}
	#home-box01 .item-box .txt-s2 {
		font-size: clamp(16px, 1.6vw, 16px);
	}
}


/*--- home-box02： about総合診療とは ------------------------------*/

/*　総合診療をご存じですか？　*/
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box02 .item-box01 {
		max-width: 560px;
		margin: 0 auto;
        margin-bottom: 40px;
    }
    /* イメージ */
	#home-box02 .item-box01 .img01{
		position: relative;
		width: 418px;
		max-width: 95%;
		height: auto;
		margin-bottom: -16px;
    }
    /* テキスト */
	#home-box02 .item-box01 .txt-s1{
		font-size: clamp(20px, 2.0vw, 20px);
		line-height: 1.7em;
	}
	#home-box02 .item-box01 .txt-s2{
		font-size: clamp(24px, 2.4vw, 24px);
		margin-right: 8px;
		position: static;
		z-index: 1;
	}
	#home-box02 .item-box01 .txt-s3{
		font-size: clamp(14px, 1.4vw, 14px);
        position: relative;
    }
	#home-box02 .item-box01 .mb{
		margin-bottom: 24px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box02 .item-box01 {
        width: 425px;
        margin-bottom: 40px;
    }
    /* イメージ */
	#home-box02 .item-box01 .img01{
		position: absolute;
		top: 0;
		left: 425px; /* 850px÷2 */
		width: 418px;
		height: auto;
    }
    /* テキスト */
	#home-box02 .item-box01 .txt-s1{
		font-size: clamp(26px, 2.6vw, 26px);
		line-height: 1.7em;
	}
	#home-box02 .item-box01 .txt-s2{
		font-size: clamp(40px, 4.0vw, 40px);
		margin-right: 8px;
	}
	#home-box02 .item-box01 .txt-s3{
		font-size: clamp(16px, 1.6vw, 16px);
	}
	#home-box02 .item-box01 .mb{
		margin-bottom: 24px;
	}
}

/* こんなことありませんか？ */
#home-box02 .item-box02{
	text-align: center;
	}
	#home-box02 .item-box02 .txt-s1{
		color: #5e66aa;
		margin-bottom: 24px;
	}

#home-box02 .item-box02 .img-s1{
	width: 550px;
	height: auto;
	max-width: 95%;
	display: inline-block;
	margin-bottom: 20px;
}

#home-box02 .item-box02 .txt-s2{
	color: #5e66aa;
	}
	#home-box02 .item-box02 .txt-s2 .red{
		color: #e26371;
	}
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box02 .item-box02 .txt-s2{
		font-size: clamp(18px 1.8vw, 18px);
	}

}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box02 .item-box02 .txt-s2{
		font-size: clamp(20px, 2.0vw, 20px);
	}
}

/*--- home-box03： 診療案内 ------------------------------*/

/* キャプション */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box03 .item-box01{
		margin-bottom: 40px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box03 .item-box01{
		margin-bottom: 72px;
	}
}

/* サービス */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box03 .item-box02{
		margin-bottom: 40px;
	}

	#home-box03 .item-box02{
		margin-bottom: 72px;
	}

	#home-box03 .item-box02 .lis-s1{
		}
		#home-box03 .item-box02 .lis-s1 .item-box{
			position: relative;
			box-shadow: 0px 5px 15px 0px rgba(47, 50, 104, 0.1);
			border-radius: 20px;
			margin-bottom: 20px;
			}
			#home-box03 .item-box02 .lis-s1 .item-box a{
				position: relative;
				background: #ffffff;
				padding: 32px 24px;
				border-radius: 20px;
				display: block;
				}
			/* 見出し */
			#home-box03 .item-box02 .lis-s1 .item-box .ttl-s2{
				font-size: clamp(26px, 2.6vw, 26px);
				color: #5e66aa;
				margin-bottom: 10px;
			}
			/* まる */
			#home-box03 .item-box02 .lis-s1 .item-box .txt-s2 {
				margin-bottom: 10px;
			}
			#home-box03 .item-box02 .lis-s1 .item-box .txt-s2 span{
				display: inline-block;
				font-size: clamp(14px, 1.4vw, 14px);
				color: #5e66aa;
				border: 1px solid #5e66aa;
				border-radius: 24px;
				padding: 2px 12px;
				margin-right: 10px;
			}

			/* 右上アイコン */
			#home-box03 .item-box02 .lis-s1 .item-box .img-ico{
				position: absolute;
				top: 24px;
				right: 24px;
			}
			#home-box03 .item-box02 .lis-s1 .item-01 .img-ico { width: 42px; height: auto; }
			#home-box03 .item-box02 .lis-s1 .item-02 .img-ico { width: 42px; height: auto; }
			#home-box03 .item-box02 .lis-s1 .item-03 .img-ico { width: 54px; height: auto; }
			#home-box03 .item-box02 .lis-s1 .item-04 .img-ico { width: 33px; height: auto; }
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box03 .item-box02{
		margin-bottom: 72px;
	}

	#home-box03 .item-box02 .lis-s1{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		}
		#home-box03 .item-box02 .lis-s1 .item-box{
			position: relative;
			width: calc(50% - 20px); /* 20px(余白) + 24px(padding)×2 */
			box-shadow: 0px 5px 15px 0px rgba(47, 50, 104, 0.1);
			border-radius: 20px;
			margin-bottom: 20px;
			}
			#home-box03 .item-box02 .lis-s1 .item-box a{
				position: relative;
				background: #ffffff;
				padding: 32px 24px;
				border-radius: 20px;
				display: block;
				height: calc(100% - 64px);
				}
			/* 見出し */
			#home-box03 .item-box02 .lis-s1 .item-box .ttl-s2{
				font-size: clamp(26px, 2.6vw, 26px);
				color: #5e66aa;
				margin-bottom: 10px;
			}
			/* まる */
			#home-box03 .item-box02 .lis-s1 .item-box .txt-s2 {
				margin-bottom: 10px;
			}
			#home-box03 .item-box02 .lis-s1 .item-box .txt-s2 span{
				display: inline-block;
				font-size: clamp(14px, 1.4vw, 14px);
				color: #5e66aa;
				border: 1px solid #5e66aa;
				border-radius: 24px;
				padding: 2px 12px;
				margin-right: 10px;
			}

			/* 右上アイコン */
			#home-box03 .item-box02 .lis-s1 .item-box .img-ico{
				position: absolute;
				top: 24px;
				right: 24px;
			}
			#home-box03 .item-box02 .lis-s1 .item-01 .img-ico { width: 42px; height: auto; }
			#home-box03 .item-box02 .lis-s1 .item-02 .img-ico { width: 42px; height: auto; }
			#home-box03 .item-box02 .lis-s1 .item-03 .img-ico { width: 54px; height: auto; }
			#home-box03 .item-box02 .lis-s1 .item-04 .img-ico { width: 33px; height: auto; }
}

/* loop slide */
#home-box03 .item-box03_bg {
	height: 350px;
	position: relative;
	margin-bottom: 72px;
}

#home-box03 .item-box03 {
    /* background: #e8ebc3 url("../images/home-box05_bg.png") no-repeat top center;
    background-size: cover; */
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    /* ループ */
    display: flex;
    width: 100vw;
    height: 350px;
    overflow: hidden;
    }
    #home-box03 .item-box03 img {
        width: auto;
        height: 100%;
        max-width: unset;
        text-align: center;
        margin: 0 auto;
    }
    #home-box03 .item-box03 img:first-child {
                animation: slide1 180s -90s linear infinite;
            }
    #home-box03 .item-box03 img:last-child {
                animation: slide2 180s linear infinite;
            }

/* ループアニメーション */
@keyframes slide1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

/* メッセージ */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box03 .item-box04 {
		max-width: 360px;
		margin: 0 auto 40px;
	}
	#home-box03 .item-box04 .txt-s1 {
		color: #5e66aa;
		font-size: clamp(18px, 1.8vw, 18px);
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box03 .item-box04 {
		margin-bottom: 50px;
	}
	#home-box03 .item-box04 .txt-s1 {
		color: #5e66aa;
		font-size: clamp(40px, 4.0vw, 40px);
	}
}

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box03 .item-box05 {
		display: flex;
		flex-flow: column wrap;
        flex-direction: column-reverse;
        align-items: center;
	}

	#home-box03 .item-box05 .txt-greeting {
		font-size: clamp(16px, 1.6vw, 16px);
		margin-bottom: 50px;
	}
	#home-box03 .item-box05 .txt-midashi {
		color: #5e66aa;
		font-size: clamp(20px, 2.0vw, 20px);
		margin-bottom: 10px;
	}
	#home-box03 .item-box05 .txt-history {
		font-size: clamp(14px, 1.4vw, 14px);
		margin-bottom: 50px;
	}
	#home-box03 .item-box05 .txt-greetin {
		font-size: clamp(14px, 1.5vw, 14px);
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box03 .item-box05 {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	#home-box03 .item-box05 .item-lef { width: 50%; }

	#home-box03 .item-box05 .txt-greeting {
		font-size: clamp(16px, 1.6vw, 16px);
		margin-bottom: 50px;
	}
	#home-box03 .item-box05 .txt-midashi {
		color: #5e66aa;
		font-size: clamp(20px, 2.0vw, 20px);
		margin-bottom: 10px;
	}
	#home-box03 .item-box05 .txt-history {
		font-size: clamp(14px, 1.4vw, 14px);
		margin-bottom: 50px;
	}
	#home-box03 .item-box05 .txt-greetin {
		font-size: clamp(14px, 1.5vw, 14px);
	}
	#home-box03 .item-box05 .lis-s1 {
		font-size: clamp(14px, 1.5vw, 14px);
	}
	#home-box03 .item-box05 .lis-s1 li {
		position: relative;
		}
		#home-box03 .item-box05 .lis-s1 li:before {
			content:'・';
		}
}

/* 写真 */
#home-box03 .item-box05 .img-s1 {
	width: 340px;
	max-width: 90%;
	border-radius: 20px;
	margin: 0 auto 24px;
	display: block;
}
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box03 .item-box05 .img-s1 {
		margin-bottom: 24px;
	}
}

/* テキスト */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box03 .item-box05 .lis-s2{
		color: #5e66aa;
		margin-bottom: 24px;
	}
	#home-box03 .item-box05 .lis-s2 li:nth-child(1) { font-size: clamp(16px, 1.6vw, 16px); }
	#home-box03 .item-box05 .lis-s2 li:nth-child(2) { font-size: clamp(24px, 2.4vw, 24px); }
	#home-box03 .item-box05 .lis-s2 li:nth-child(3) { font-size: clamp(16px, 1.6vw, 16px); }
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box03 .item-box05 .lis-s2{
		color: #5e66aa;
	}
	#home-box03 .item-box05 .lis-s2 li:nth-child(1) { font-size: clamp(16px, 1.6vw, 16px); }
	#home-box03 .item-box05 .lis-s2 li:nth-child(2) { font-size: clamp(30px, 3.0vw, 30px); }
	#home-box03 .item-box05 .lis-s2 li:nth-child(3) { font-size: clamp(16px, 1.6vw, 16px); }
}


/*--- home-box04： クリニック概要 ------------------------------*/

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box04 .item-box01 .lis-s1 {

		}
		#home-box04 .item-box01 .lis-s1 dt {
			width: calc(100% - 48px);
			border-bottom: 2px solid #7999cf;
			padding-bottom: 8px;
			margin-bottom: 20px;
		}
		#home-box04 .item-box01 .lis-s1 dd {
			width: calc(100% - 48px);
			border-bottom: 1px solid #ffffff;
			padding-bottom: 8px;
			margin-bottom: 20px;
		}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box04 .item-box01 .lis-s1 {
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-start;
		}
		#home-box04 .item-box01 .lis-s1 dt {
			width: 96px;
			border-bottom: 2px solid #7999cf;
			padding-bottom: 8px;
			margin-bottom: 20px;
		}
		#home-box04 .item-box01 .lis-s1 dd {
			width: calc(100% - 130px);
			padding-left: 34px;
			border-bottom: 1px solid #ffffff;
			padding-bottom: 8px;
			margin-bottom: 20px;
		}
}

/*--- home-box05： アクセス ------------------------------*/

/*---　map ----------*/
#home-box05 .item-box01 {
	margin-bottom: 30px;
} 

/*---　説明 ----------*/
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box05 .item-box02 .item-lef { 
		text-align: center;
		margin-bottom: 40px;
	}
	#home-box05 .item-box02 .item-rig { 
		text-align: center;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box05 .item-box02 {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-around;
	}
	#home-box05 .item-box02 .item-lef { 
		text-align: center;
	}
	#home-box05 .item-box02 .item-rig { 
		text-align: center;
	}
}

/* アイコン */
#home-box05 .item-box02 .img-s1 {
	width: 34px;
	height: auto;
	margin-bottom: 24px;
}
#home-box05 .item-box02 .img-s2 {
	width: 56px;
	height: auto;
	margin-bottom: 24px;
}
/* テキスト */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#home-box05 .txt-s1 {
		color: #5e66aa;
		font-size: clamp(18px, 1.8vw, 18px);
		margin-bottom: 16px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#home-box05 .txt-s1 {
		color: #5e66aa;
		font-size: clamp(20px, 2.0vw, 20px);
		margin-bottom: 18px;
	}
}

/*//////////////////////////////////////////////////////// */
/* 外来診療 -------------*/
/*//////////////////////////////////////////////////////// */

/*--- gairai-box ------------------------------*/
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box01 .last-item {
		margin-bottom: 64px;
	}
	#gairai-box02 .last-item {
		margin-bottom: 64px;
	}

	#gairai-box03 .last-item {
		margin-bottom: 64px;
	}

	#gairai-box04 .last-item {
		margin-bottom: 64px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box01 .last-item {
		margin-bottom: 70px;
	}
	#gairai-box02 .last-item {
		margin-bottom: 64px;
	}

	#gairai-box03 .last-item {
		margin-bottom: 64px;
	}

	#gairai-box04 .last-item {
		margin-bottom: 84px;
	}
}

/*--- gairai-box01: TOP ------------------------------*/

/* box01 キャプション */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box01 .item-box01 {
		margin-bottom: 40px;
	}
	#gairai-box01 .item-box01 .txt-midashi {
		text-align: center;
		font-size: clamp(24px, 2.4vw, 24px);
		margin-bottom: 32px;
	}
	#gairai-box01 .txt-s1 {
		margin-bottom: 1rem;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box01 .item-box01 {
		margin-bottom: 72px;
		position: relative;
	}
	#gairai-box01 .item-box01 .txt-midashi{
		font-size: clamp(30px, 3.0vw, 30px);
		margin-bottom: 32px;
	}
	#gairai-box01 .item-box01 .txt-s1 {	
		margin-bottom: 1rem;
		width: 50%;
		line-height: 1.8em;
	}
}
/* box01 写真 */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box01 .item-box01 .img-s3{
		width: 800px;
		height: auto;
		max-width: 90%;
		margin: 0 auto 40px;
		border-radius: 8px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box01 .item-box01 .img-s1,
	#gairai-box01 .item-box01 .img-s2{
		width: 300px;
		height: auto;
		border-radius: 8px;
	}
	#gairai-box01 .item-box01 .img-s1{
		position: absolute;
		top:0;
		right: -94px;
	}
	#gairai-box01 .item-box01 .img-s2{
		position: absolute;
		top: 196px;
		right: 0;
	}
}

/* --- box02 頼ってください --- */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box01 .item-box02 {
		margin-bottom: 40px;
		text-align: center;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box01 .item-box02 {
		margin-bottom: 60px;
		text-align: center;
	}
}
/* キャプション */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box01 .item-box02 {
		margin-bottom: 40px;
		text-align: center;
	}
	#gairai-box01 .item-box02 .txt-s1{
		font-size: clamp(16px, 1.6vw, 16px);
		margin-bottom: 24px;
		position: relative;
		display: inline-block;
        padding-left: 40px;
        padding-right: 40px;
	}
	#gairai-box01 .item-box02 .txt-s1::before, #gairai-box01 .item-box02 .txt-s1::after {
		    content: "";
		    position: absolute;
		    bottom: 0;
		    width: 2px;
		    height: 2rem;
		    background: rgba(0, 0, 0, 0.4);
		}
		#gairai-box01 .item-box02 .txt-s1::before {
		    transform: rotate(-30deg);
		    left: 0;
		}
		#gairai-box01 .item-box02 .txt-s1::after {
		    transform: rotate(30deg);
		    right: 0;
		}
	#gairai-box01 .item-box02 .txt-s2{
		color: #5e66aa;
		font-size: clamp(20px, 2.0vw, 20px);
		margin-bottom: 16px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box01 .item-box02 {
		margin-bottom: 60px;
		text-align: center;
	}
	#gairai-box01 .item-box02 .txt-s1{
		font-size: clamp(22px, 2.2vw, 22px);
		margin-bottom: 24px;
		position: relative;
		display: inline-block;
        padding-left: 40px;
        padding-right: 40px;
	}
	#gairai-box01 .item-box02 .txt-s1::before, #gairai-box01 .item-box02 .txt-s1::after {
		    content: "";
		    position: absolute;
		    bottom: 0;
		    width: 2px;
		    height: 2rem;
		    background: rgba(0, 0, 0, 0.4);
		}
		#gairai-box01 .item-box02 .txt-s1::before {
		    transform: rotate(-30deg);
		    left: 0;
		}
		#gairai-box01 .item-box02 .txt-s1::after {
		    transform: rotate(30deg);
		    right: 0;
		}
	#gairai-box01 .item-box02 .txt-s2{
		color: #5e66aa;
		font-size: clamp(30px, 3.0vw, 30px);
		margin-bottom: 30px;
	}
}
/* イラスト */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box01 .item-box02 .img-s1{
		width: 500px;
		max-width: 95%;
		height: auto;
		margin: 0 auto;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box01 .item-box02 .img-s1{
		width: 760px;
		max-width: 95%;
		height: auto;
		margin: 0 auto;
	}
}

/* --- box03 公認心理士 --- */
#gairai-box01 .item-box03{
	background: #ffffff;
	border-radius: 10px;
	text-align: center;
}
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box01 .item-box03{
		padding:24px 16px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box01 .item-box03{
		padding: 28px 42px 30px;
	}
}
/* アイコン */
#gairai-box01 .item-box03 .img-mark {
	width: 72px;
	margin-bottom: 1em;
}
/* テキスト */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box01 .item-box03 .txt-s1 {
		color: #5e66aa;
		font-size: clamp(20px, 2.0vw, 20px);
		margin-bottom: 16px;
	}
	#gairai-box01 .item-box03 .txt-s1 span{
		display: inline-block;
		font-size: clamp(24px, 2,4vw, 24px);
	}
	#gairai-box01 .item-box03 .txt-s2{
		line-height: 1.8em;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box01 .item-box03 .txt-s1 {
		color: #5e66aa;
		font-size: clamp(24px, 2.4vw, 24px);
		margin-bottom: 24px;
	}
	#gairai-box01 .item-box03 .txt-s1 span{
		display: inline-block;
		font-size: clamp(30px, 3.0vw, 30px);
	}
	#gairai-box01 .item-box03 .txt-s2{
		line-height: 1.8em;
	}
}

/*--- gairai-box02:  ------------------------------*/

/* キャプション */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box02 .item-box01 .txt-s1 {
		font-size: clamp(18px, 1.8vw, 18px);
		margin-bottom: 24px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box01 .txt-s1 {
		font-size: clamp(24px, 2.4vw, 24px);
		margin-bottom: 40px;
	}
}
#gairai-box02 .item-box01 .txt-s1 .red { display: inline-block; color: #e26371; }

/* リスト */
#gairai-box02 .item-box02 .lis-s1 {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	}
	#gairai-box02 .item-box02 .lis-s1 li {
		background: #FFFFFF;
		border-radius: 10px;
		margin-bottom: 10px;
		padding: 8px 16px;
		position: relative;
		width: calc(33% - 44px);
		min-width: 200px;
		}
		#gairai-box02 .item-box02 .lis-s1 li::before {
			content: '●';
			color: #b7c7e4;
			padding-right: 2px;
		}

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box02 .item-box02 .lis-s1 {
		margin-bottom: 40px;
		justify-content: flex-start;
		}
		#gairai-box02 .item-box02 .lis-s1 li {
			width: 150px;
			/* width: calc(50% - 44px); */
			min-width: 150px;
			font-size: clamp(12px, 1.2vw, 12px);
			padding: 8px 8px;
			margin-right: 8px;
			}
		/* 最終行の調整 */
		#gairai-box02 .item-box02 .lis-s1::after {
			content: "";
			display: block;
			width: 150px;
			height: 0;
		}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box02 .lis-s1 {
		margin-bottom: 70px;
		}
	#gairai-box02 .item-box02 .lis-s1 li {
		width: calc(33% - 44px);
		min-width: 200px;
		}
		/* 最終行の調整 */
		#gairai-box02 .item-box02 .lis-s1::after {
			content: "";
			display: block;
			width: calc(33% - 44px);  /* .boxに指定したwidthと同じ幅を指定する */
			height: 0;
		}
}

/* 受診される皆さまへ */
#gairai-box02 .item-box03 {
	background: #e6ebeb;
	border-radius: 10px;
}
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box02 .item-box03 {
		padding: 24px 12px;
		margin-bottom: 40px;
	}
	#gairai-box02 .item-box03 .item-lef {
		margin-bottom: 24px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box03 {
		padding: 32px 40px 40px;
		margin-bottom: 60px;
	}
	#gairai-box02 .item-box03 {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
	}
	#gairai-box02 .item-box03 .item-rig{
		padding-left: 72px;
	}
}
/* （診療時間表） */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/
	
	#gairai-box02 .item-box03 .ttl-s1 {
		color: #5e66aa;
		font-size: clamp(18px, 1.8vw, 18px);
		margin-bottom: 10px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box03 .ttl-s1 {
		color: #5e66aa;
		font-size: clamp(20px, 2.0vw, 20px);
		margin-bottom: 10px;
	}
}

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box02 .item-box03 .lis-timetable {
		display: inline-block;
		font-size: clamp(14px, 1.4vw, 14px);
		margin-bottom: 16px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box03 .lis-timetable {
		font-size: clamp(20px, 2.0vw, 20px);
		margin-bottom: 20px;
	}
}
#gairai-box02 .item-box03 .lis-timetable {
	border: 1px solid #c4c7ea;
	border-radius: 8px;
	}
	#gairai-box02 .item-box03 .lis-timetable li {
		padding-left: 14px;
		padding-right: 14px;
	}
	/* ttl */
	#gairai-box02 .item-box03 .lis-timetable .row-ttl {
		color: #fff;
		background: #5e66aa;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	#gairai-box02 .item-box03 .lis-timetable .item-ttl {
		display: inline-block;
		padding-right: 14px;
		}
		#gairai-box02 .item-box03 .lis-timetable .row-item .item-ttl {
			color: #5e66aa;
			text-align: right;
		}

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box02 .item-box03 .lis-timetable .item-ttl {
		width: 90px;
	}
	#gairai-box02 .item-box03 .lis-timetable .item-ttl .to {
		display: inline-block;
		padding: 0;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box03 .lis-timetable .item-ttl {
		width: 120px;
	}
	#gairai-box02 .item-box03 .lis-timetable .item-ttl .to {
		display: inline-block;
		padding: 0 4px;
	}
}

/* item */
#gairai-box02 .item-box03 .lis-timetable .row-item {
	background: #fff;
	}
	#gairai-box02 .item-box03 .lis-timetable .row-am p {
		border-bottom: 1px solid #c4c7ea;
	}
	#gairai-box02 .item-box03 .lis-timetable .row-pm {
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}

	#gairai-box02 .item-box03 .lis-timetable .item {
		display: inline-block;
		position: relative;
		}

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	/* ※※※ */
	#gairai-box02 .item-box03 .lis-timetable .item .notes{
		position: absolute;
		top:4px;
		right: 0px;
		font-size: 7px;
	}
		
	#gairai-box02 .item-box03 .lis-timetable .item {
		padding: 6px 4px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	/* ※※※ */
	#gairai-box02 .item-box03 .lis-timetable .item .notes{
		position: absolute;
		top:6px;
		right: 0px;
		font-size: 10px;
	}

	#gairai-box02 .item-box03 .lis-timetable .item {
		padding: 10px;
	}
}
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box02 .item-box03 .txt-s1 {
		color: #5e66aa;
		font-size: clamp(16px, 1.6vw, 16px);
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box03 .txt-s1 {
		color: #5e66aa;
		font-size: clamp(26px, 2.6vw, 26px);
	}
}
/* 診療科目 */

#gairai-box02 .item-box03 .lis-s1 li {
	position: relative;
	}
	#gairai-box02 .item-box03 .lis-s1 li:before {
		content: '・';
	}

@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box03 .lis-s1 li {
		font-size: clamp(20px, 2.0vw, 20px);
	}
}

/* （その他注意事項等） */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box02 .item-box04,
	#gairai-box02 .item-box05,
	#gairai-box02 .item-box06,
	#gairai-box02 .item-box09,
	#gairai-box02 .item-box10 {
		margin-bottom: 24px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box04,
	#gairai-box02 .item-box05,
	#gairai-box02 .item-box06,
	#gairai-box02 .item-box09,
	#gairai-box02 .item-box10 {
		margin-bottom: 56px;
	}
}
/* 発熱のある方へ 人目が気になる方へ */
#gairai-box02 .item-box07,
#gairai-box02 .item-box08 {
	background: #ffffff;
	border-radius: 10px;
	margin-bottom: 20px;
	position: relative;
	}

/* (キャプション：タイトル) */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box02 .item-box07 .ttl-s1,
	#gairai-box02 .item-box08 .ttl-s1 {
		color: #5e66aa;
		font-size: clamp(18px, 1.8vw, 18px);
		margin-bottom: 18px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box07 .ttl-s1,
	#gairai-box02 .item-box08 .ttl-s1 {
		color: #5e66aa;
		font-size: clamp(24px, 2.4vw, 24px);
		margin-bottom: 20px;
	}
}
/* (キャプション：本文) */
#gairai-box02 .item-box07 .txt-s1,
#gairai-box02 .item-box08 .txt-s1 {
	margin-bottom: 16px;
}
#gairai-box02 .item-box07 .txt-s1 .red,
#gairai-box02 .item-box08 .txt-s1 .red{
	color: #e26371;
}
/* (キャプション：リンク) */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box02 .item-box07 a,
	#gairai-box02 .item-box08 a{
		color: #5e66aa;
		font-size: clamp(18px, 1.8vw, 18px);
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box07 a,
	#gairai-box02 .item-box08 a{
		color: #5e66aa;
		font-size: clamp(24px, 2.4vw, 24px);
	}
}
/* (イメージ) */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box02 .item-box07,
	#gairai-box02 .item-box08 {
		padding: 24px 24px 80px;
		}
		#gairai-box02 .item-box07 .img-s1 {
			position: absolute;
			width: 64px;
			height: auto;
			right: 30px;
			bottom: 36px;
		}
		#gairai-box02 .item-box08 .img-s1 {
			position: absolute;
			width: 56px;
			height: auto;
			right: 68px;
			bottom: 26px;
		}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box02 .item-box07,
	#gairai-box02 .item-box08 {
		padding: 30px 48px;
		}
		#gairai-box02 .item-box07 .img-s1 {
			position: absolute;
			width: 92px;
			height: auto;
			right: 30px;
			bottom: 36px;
		}
		#gairai-box02 .item-box08 .img-s1 {
			position: absolute;
			width: 98px;
			height: auto;
			right: 68px;
			bottom: 26px;
		}
}

/*--- gairai-box03:  ------------------------------*/

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box03 .item-box01 .txt-s1 {
		margin-bottom: 24px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box03 .item-box01 .txt-s1 {
		margin-bottom: 30px;
	}
}

/* 表 */
#gairai-box03 .item-box01 .lis-s1 {
	border: 1px solid #b7c7e4;
	border-radius: 10px;
	margin-bottom: 40px;
	}
	#gairai-box03 .item-box01 .lis-s1 li {
		padding: 10px 20px;
	}
	#gairai-box03 .item-box01 .lis-s1 li:first-child {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	#gairai-box03 .item-box01 .lis-s1 li:last-child {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	#gairai-box03 .item-box01 .lis-s1 li:nth-child(1n) {
		background: #ffffff;
	}
	#gairai-box03 .item-box01 .lis-s1 li:nth-child(2n) {
		background: #edf1f1;
	}

	#gairai-box03 .item-box01 .lis-s1 p{
		display: inline-block;
		position: relative;
		width: 50%;
		}
		#gairai-box03 .item-box01 .lis-s1 p::before {
			content: '●';
			color: #b7c7e4;
			padding-right: 4px;
		}

/* リスト */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#gairai-box03 .item-box02 {
		margin-bottom: 40px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#gairai-box03 .item-box02 {
		margin-bottom: 56px;
	}
}

#gairai-box03 .item-box02 .lis-s1 li{
		position: relative;
	}
	#gairai-box03 .item-box02 .lis-s1 .item-box::before {
		content: '●';
		color: #b7c7e4;
		padding-right: 2px;
	}
	#gairai-box03 .item-box02 .lis-s1 .notes::before {
		content: '※';
		padding-right: 2px;
	}

/*--- gairai-box04:  ------------------------------*/

/* キャプション */
#gairai-box04 .item-box01 .txt-s1 {
	margin-bottom: 24px;
}
#gairai-box04 .item-box01 .txt-s2 {
	margin-bottom: 40px;
}

/* 見出し */
#gairai-box04 .item-box01 .ttl-s1{
	color: #5e66aa;
	font-size: clamp(20px, 2.0vw, 20px);
	margin-bottom: 8px;
}
#gairai-box04 .item-box01 .lis-s1 {
	margin-bottom: 24px;
}
#gairai-box04 .item-box01 .lis-s1 li{
		position: relative;
		font-size: clamp(18px, 1.8vw, 18px);
	}
	#gairai-box04 .item-box01 .lis-s1 li::before {
		content: '●';
		color: #b7c7e4;
		padding-right: 2px;
	}

/*//////////////////////////////////////////////////////// */
/* 訪問診療 -------------*/
/*//////////////////////////////////////////////////////// */

/*--- houmon-box01:item-box01  ------------------------------*/

/* TOP リード */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#houmon-box01 .item-box01{
		margin-bottom: 24px;
	}
	#houmon-box01 .item-box01 .txt-s1{
		font-size: clamp(24px, 2.4vw, 24px);
		text-align: center;
		margin-bottom: 24px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#houmon-box01 .item-box01{
	}
	#houmon-box01 .item-box01 .txt-s1{
		font-size: clamp(30px, 3.0vw, 30px);
		text-align: center;
		margin-bottom: 30px;
	}
}

/* point:3列 */
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#houmon-box01 .item-box02 .lis-s1 li{
		border-bottom: 1px solid #b7c7e4;
		padding-bottom: 24px;
		margin-bottom: 40px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#houmon-box01 .item-box02 .lis-s1{
		display: flex;
		flex-flow: row nowrap;
		justify-content:space-between;
		margin-bottom: 40px;
	}
	#houmon-box01 .item-box02 .lis-s1 li{
		width: 250px;
	}
}
/* 丸見出し */
#houmon-box01 .item-box02 .lis-s1 .circle {
	border-radius: 50%;
	color: #ffffff;
	margin-bottom: 24px;
	}
	#houmon-box01 .item-box02 .lis-s1 .item-01 .circle { background: #5e66ad; }
	#houmon-box01 .item-box02 .lis-s1 .item-02 .circle { background: #e48a9d; }
	#houmon-box01 .item-box02 .lis-s1 .item-03 .circle { background: #7996df; }

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#houmon-box01 .item-box02 .lis-s1 .circle {
		width: 180px;
		height: 180px;
		position: relative;
		margin: 0 auto 24px;
		}
		#houmon-box01 .item-box02 .lis-s1 .circle p{
			position: absolute;
			display: inline-block;
			left: 0;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width :180px;
			text-align:center;
		}
		#houmon-box01 .item-box02 .lis-s1 .circle .txt-s2{
			font-size: clamp(18px, 1.8vw, 18px);
		}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#houmon-box01 .item-box02 .lis-s1 .circle {
		width: 220px;
		height: 220px;
		position: relative;
		}
		#houmon-box01 .item-box02 .lis-s1 .circle p{
			position: absolute;
			display: inline-block;
			left: 0;
			top: 50%;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width :220px;
			text-align:center;
		}
		#houmon-box01 .item-box02 .lis-s1 .circle .txt-s2{
			font-size: clamp(24px, 2.4vw, 24px);
		}
}

/*--- houmon-box01:item-box03 訪問診療とは ------------------------------*/

#houmon-box01 .item-box03{
	background: #Ffffff;
	border-radius: 10px;
}
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	/* レイアウト */
	#houmon-box01 .item-box03{
		padding: 20px;
		margin-bottom: 40px;
	}
	/* 見出し */
	#houmon-box01 .item-box03 .ttl-s1{
		color: #5e66aa;
		font-size: clamp(18px, 1.8vw, 18px);
		margin-bottom: 16px;
	}
	/* 本文 */
	#houmon-box01 .item-box03 .txt-s1 {
		line-height: 1.8em;
	}
	/* イメージ */
	#houmon-box01 .item-box03 .img-s1 {
		width: 600px;
		height: auto;
		max-width: 100%;
		border-radius: 10px;
		margin: 0 auto 16px;
		display: block;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	/* レイアウト */
	#houmon-box01 .item-box03 {
		padding: 20px 24px 20px 50px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		margin-bottom: 50px;
		}
		#houmon-box01 .item-box03 .item-lef{ width: 50%; }

	/* 見出し */
	#houmon-box01 .item-box03 .ttl-s1{
		color: #5e66aa;
		font-size: clamp(24px, 2.4vw, 24px);
		margin-bottom: 24px;
	}
	/* 本文 */
	#houmon-box01 .item-box03 .txt-s1 {
		line-height: 1.8em;
	}
	/* イメージ */
	#houmon-box01 .item-box03 .img-s1 {
		width: 300px;
		height: auto;
		border-radius: 10px;
	}
}

/*--- houmon-box01:item-box04 訪問診療でできること ------------------------------*/

/*--- houmon-box01:item-box05 対応エリア ------------------------------*/
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#houmon-box01 .item-box05{
		margin-bottom: 24px;
		}
		#houmon-box01 .item-box05 .item-lef {
			margin-bottom: 24px;
		}
		#houmon-box01 .item-box05 .txt-s2{
			font-size: clamp(18px, 1.8vw, 18px);
			font-weight: bold;
			margin-bottom: 16px;
		}
		#houmon-box01 .item-box05 .img-s1{
			width: 360px;
			height: auto;
			max-width: 95%;
			margin: 0 auto;
			border-radius: 10px;
		}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#houmon-box01 .item-box05{
		margin-bottom: 40px;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		}
		#houmon-box01 .item-box05 .item-lef {
			width: 50%;
		}
		#houmon-box01 .item-box05 .txt-s2{
			font-size: clamp(18px, 1.8vw, 18px);
			font-weight: bold;
			margin-bottom: 16px;
		}
		#houmon-box01 .item-box05 .img-s1{
			width: 360px;
			height: auto;
			border-radius: 10px;
		}
}

/*--- houmon-box01:item-box06 ご利用の流れ ------------------------------*/
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#houmon-box01 .item-box06{
		margin-bottom: 24px;
	}

	#houmon-box01 .item-box06 li {
	}

	/* img */
	#houmon-box01 .item-box06 li .img-box{
		margin-bottom: 8px;
		position: relative;
		}
		#houmon-box01 .item-box06 li .img-box img{
			width: 100%;
			height: auto;
		}

	/* テキスト */
	#houmon-box01 .item-box06 li .item-box{
		background: #ffffff;
		padding: 24px 12px;
		width: calc(100% - 24px);
		margin-bottom: 24px;
		position: relative;
		}
		#houmon-box01 .item-box06 li .item-box::after{
			content:'';
			position: absolute;
			width: 0;
			height: 0;
			bottom: -20px;
			left: calc(50% - 32px);
			border-top: 20px solid #b7c7e4;
			border-left: 26px solid transparent;
			border-right: 26px solid transparent;
		}
		#houmon-box01 .item-box06 li.item-last .item-box::after{ content: none; }

	#houmon-box01 .item-box06 li .item-box .ttl-s1{
		color: #5e66aa;
		font-size: clamp(18px, 1.8vw, 18px);
	}
		
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#houmon-box01 .item-box06{
		margin-bottom: 84px;
	}

	#houmon-box01 .item-box06 li {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		margin-bottom: 24px;
	}

	/* img */
	#houmon-box01 .item-box06 li .img-box{
		width: 230px;
		padding-right: 10px;
		position: relative;
		}
		#houmon-box01 .item-box06 li .img-box img{
			width: 220px;
			height: auto;
			}
			#houmon-box01 .item-box06 li .img-box::after{
				content:'';
				position: absolute;
				width: 0;
				height: 0;
				bottom: -20px;
				left: calc(50% - 32px);
				border-top: 20px solid #b7c7e4;
				border-left: 26px solid transparent;
				border-right: 26px solid transparent;
			}
			#houmon-box01 .item-box06 li.item-last .img-box::after{ content: none; }

	/* テキスト */
	#houmon-box01 .item-box06 li .item-box{
		background: #ffffff;
		padding: 30px 30px 0;
		width: calc(100% - 290px);
	}
	#houmon-box01 .item-box06 li .item-box .ttl-s1{
		color: #5e66aa;
		font-size: clamp(24px, 2.4vw, 24px);
		padding-bottom: 8px;
	}
}

/* 急変時など〜 */
#houmon-box01 .item-box06 .txt-s2{
	display: block;
	color: #ffffff;
	background: #e26371;
	text-align: center;
	padding: 4px;
}
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#houmon-box01 .item-box06 .txt-s2{
		font-size: clamp(18px, 1.8vw, 18px);
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#houmon-box01 .item-box06 .txt-s2{
		font-size: clamp(20px, 2.0vw, 20px);
	}
}

/*--- houmon-box01:item-box07 お問い合わせ・ご相談 ------------------------------*/
@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#houmon-box01 .item-box07{
		margin-bottom: 24px;
	}
	#houmon-box01 .item-box07 .txt-s1{
		color: #5e66aa;
		font-size: clamp(18px, 1.8vw, 18px);
		padding-bottom: 8px;
	}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#houmon-box01 .item-box07{
		margin-bottom: 40px;
	}
	#houmon-box01 .item-box07 .txt-s1{
		color: #5e66aa;
		font-size: clamp(20px, 2.0vw, 20px);
		padding-bottom: 8px;
	}
}

/*--- houmon-box01:item-box08 地域の医療・介護関係者のみなさまへ ------------------------------*/

#houmon-box01 .item-box08{
	background: #ffffff;
	border-radius: 10px;
	}
	#houmon-box01 .item-box08 .btn-s2{
		margin-bottom: 10px;
	}
	#houmon-box01 .item-box08 .btn-s2 a{
		border: 1px solid #5e66aa;
		border-radius: 10px;
		display: inline-block;
		width: 350px;
		max-width: 90%;
		position: relative;
		}
		#houmon-box01 .item-box08 .btn-s2 a::after{
			content:"";
			position: absolute;
			width:25px;
			height:30px;
			right:24px;
			top:0;
			bottom:0;
			margin: auto;
			background:url("../images/ico-download01.png") center center no-repeat;
			background-size:contain;
			image-rendering: -webkit-optimize-contrast;/*Chrome*/
			image-rendering: auto;
		}

@media screen and (max-width:959px){/*スマホ・タブレット用指定*/

	#houmon-box01 .item-box08 {
		padding: 24px;
		margin-bottom: 60px;
	}
	/* 見出し */
	#houmon-box01 .item-box08 .ttl-s1{
		color: #5e66aa;
		font-size: clamp(18px, 1.8vw, 18px);
		margin-bottom: 16px;
	}
	/* キャプション */
	#houmon-box01 .item-box08 .txt-s1{
		margin-bottom: 16px;
	}
	/* 小見出し */
	#houmon-box01 .item-box08 .ttl-s2{
		color: #5e66aa;
		margin-bottom: 16px;
	}
	/* リンクボタン */
	#houmon-box01 .item-box08 .item-box08 a{
		font-size: clamp(16px, 1.6vw, 16px);
		padding: 4px 8px;
		}
		#houmon-box01 .item-box08 .btn-s2 a::after{
			height:16px;
			right:10px;
		}
}
@media print, screen and (min-width:960px){/*PC用指定*/

	#houmon-box01 .item-box08{
		padding: 30px 40px;
		margin-bottom: 88px;
	}
	/* 見出し */
	#houmon-box01 .item-box08 .ttl-s1{
		color: #5e66aa;
		font-size: clamp(24px, 2.4vw, 24px);
		margin-bottom: 16px;
	}
	/* キャプション */
	#houmon-box01 .item-box08 .txt-s1{
		margin-bottom: 30px;
	}
	/* 小見出し */
	#houmon-box01 .item-box08 .ttl-s2{
		color: #5e66aa;
		margin-bottom: 16px;
	}
	/* リンクボタン */
	#houmon-box01 .item-box08 a{
		font-size: clamp(20px, 2.0vw, 20px);
		padding: 10px 40px;
	}
}

