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


/* SP：ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:680px) {



	/*///////////////////////////////////////////////////////


下層共通項


///////////////////////////////////////////////////////*/


	h2.undertit {
		padding: 16px 12% 16px;
		flex-direction: column;
		align-items: center;
		border: 1px solid #61C1BE;
		background: #FFF;
		font-size: 1em;
		line-height: 1.2;
		letter-spacing: 1;
		opacity: 0.93;
		box-shadow: 0px 9px 6px -8px rgba(0, 0, 0, 0.3);
	}


	h3.under {
		color: #3F3F3F;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		letter-spacing: 1.4px;
		border: 1px solid #DDD;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 10px 40px;
		background-color: #fff;
	}



	/*///////////////////////////////////////////////////////


001：医院案内 #gree


///////////////////////////////////////////////////////*/


	#gree section.underhead {
		background: url(../../gree/images/header.jpg) no-repeat;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 30px 0;
		display: flex;
		justify-content: center;
		box-shadow: inset 0px 8px 3px -7px rgba(0, 0, 0, 0.2);
	}


	#gree section.conceptbox {
		margin-inline: auto;
		padding: 0 10px 50px;
	}

	#gree div.conceptinfo {
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		background: url(../../gree/images/bg_concept.png) no-repeat;
		background-position: top;
		background-size: contain;
	}

	#gree p.conceptimg img {
		margin-bottom: -10px;
	}

	#gree dl.concept dt {
		color: #2AB0AC !important;
		font-family: "Zen Kaku Gothic New";
		font-size: 1.2em;
		font-style: normal;
		font-weight: 700;
		line-height: 1.7;
		/* 64px */
		letter-spacing: 3px;
		margin-bottom: 20px;
		text-align: center;
	}

	#gree dl.concept dd {
		font-size: 0.875em;
		line-height: 1.8;
		margin: 0 0 30px;
	}


	#gree section.directorbox {
		margin-inline: auto;
		background-color: #FFF;
		padding: 30px 20px 70px;
		overflow: hidden !important;
		margin-bottom: -20px;
	}



	.inner-block {
		margin: 0 auto;
		position: relative;
	}

	.fade-img-box {
		max-width: 100%;
		height: 260px;
		margin-left: auto;
		margin-top: 30px;
		margin-bottom: 30px;
		position: relative;
		margin-inline: auto;
	}

	.fade-img-box img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 10px;
		margin-inline: auto;
	}




	/* コンセプト */
	#gree div.greeinfo {
		padding: 20px 0 0;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		gap: 60px;
		background-position: top center;
	}


	#gree p.dititle {
		color: rgba(97, 193, 190, 0.50);
		font-family: "Zen Kaku Gothic New";
		font-style: normal;
		font-weight: 700;
		line-height: 220%;
		letter-spacing: 2px;

		position: relative;
		display: flex;
		/* タイトルと線を横並びに */
		align-items: center;
		/* 縦位置を中央に */
		font-size: 32px;
		margin-top: -10px;
		margin-bottom: 0px;
	}

	#gree p.dititle::after {
		content: "";
		flex: 1;
		/* 横いっぱいに広がる */
		height: 1px;
		/* 線の太さ */
		background-color: rgba(97, 193, 190, 0.50);
		/* 線の色 */
		margin-left: 1em;
		/* 文字と線の間の余白 */
	}

	#gree div.spdocphotobox {
		background: url(../../gree/images/bg_history.png) no-repeat;
		background-size: contain;
		background-position: top center;
	}


	#gree p.doctorphoto img {
		width: 220px;
		margin: -20px auto 0;
		text-align: center;
		display: block;
		border-radius: 10px;
	}

	dd.mtm65sp {
		margin-top: -65px !important;
	}

	span.yamaguchiname {
		text-align: center;
		display: block;
		margin: 20px 0;
		font-weight: 500;
	}

	#gree div.history {
		display: flex;
		flex-direction: column-reverse;
		gap: 0px;
		background: url(../../gree/images/bg_history.png) no-repeat;
		background-size: contain;
		background-position: top center;
	}

	#gree div.historybox {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-self: start;
		font-size: 0.875em;
		margin-bottom: 30px;
	}

	#gree dl.history {
		display: flex;
		flex-wrap: wrap;
		margin: 10px auto;
	}

	#gree dl.history dt {
		width: 20%;
		text-align: left;
	}

	#gree dl.history dd {
		width: 80%;
		text-align: left;
	}

	.item-a {
		order: 2;
		/* Aを後ろに */
	}

	.item-b {
		order: 1;
		margin-top: -20px;
		/* Bを前に */
	}

	#gree p.concepttitle {
		color: var(--61-c-1-be, #61C1BE);
		font-family: "Zen Kaku Gothic New";
		font-size: 1.20em;
		font-weight: 500;
		line-height: 180%;
		/* 52.8px */
		letter-spacing: 1.2px;
		text-align: center;
	}

	#gree section.infoclinicbox {
		background: #e6f0f0;
		margin-top: -50px;
	}

	#gree p.member img {
		width: 100%;
		margin: 20px 0 0;
	}

	#gree p.outline img {
		display: flex;
		margin-inline: auto;
		margin-top: -70px;
	}

	#gree div.clinictime {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	#gree div.googlemap {
		margin: 20px 0 30px;
	}

	#gree .googlemap {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		/* 16:9のアスペクト比 */
		height: 0;
	}

	#gree .googlemap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

		#gree .mapimg img{
		border: 1px solid #ddd !important;
	}






	/*///////////////////////////////////////////////////////


002：診療案内 #med


///////////////////////////////////////////////////////*/


	#med h4 {
		display: flex;
		padding: 15px 20px;
		font-size: 20px;
		letter-spacing: 6px;
		align-items: center;
		align-self: stretch;
		border-radius: 10px;
		background: rgba(191, 229, 228, 0.6);
		font-size: 1em;
	}

	#med .tr_icon {
		width: 40px;
		padding: 0 20px 0 0;
	}

	#med section.underhead {
		background: url(../../medical/images/header.jpg) no-repeat;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 30px 0;
		display: flex;
		justify-content: center;
		box-shadow: inset 0px 8px 3px -7px rgba(0, 0, 0, 0.2);
	}


	#med div.medotherbox {
		margin-inline: auto;
		background: rgba(191, 229, 228, 0.6);
		border-radius: 10px;
	}

	#med div.menubtnbox {
		padding: 30px 0;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-bottom: 40px;
	}

	#med p.medotherbox_title {
		text-align: center;
		font-weight: 600;
		padding: 32px 0 0 0;
		margin-bottom: -12px;
		font-size: 1em;
	}



	#med .menubtnbox {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		/* ボタン間の余白 */
	}

	#med .menubtnbox a {
		flex: 1;
		/* 各ボタンを等幅に */
		text-decoration: none;
	}

	#med .menubtn_tr {
		display: flex;
		align-items: center;
		padding: 20px;
		border-radius: 10px;
		border: 1px solid #DDD;
		background: #FFF;
		line-height: 1.8;
		font-weight: 600;
		letter-spacing: 5px;
		width: 100%;
		/* aタグの幅いっぱい */
		box-sizing: border-box;
	}

	#med .menubtnbox {
		flex-direction: column;
	}

	#med .menubtnbox a {
		width: 90%;
	}



	#med div.menubtn_tr img {
		width: 40px !important;
	}


	#med .menuicon {
		padding-right: 20px;
	}

	#med .menuiconhead001 {
		width: 60px !important;
		padding-right: 20px;
	}

	#med div.medbox {
		padding: 0 10px;
	}

	#med div.medbox dl.medtitle {
		text-align: center;
		margin: 30px 0;
	}

	#med div.medbox dl.medtitle dt {
		color: #2AB0AC;
		font-family: "Zen Kaku Gothic New";
		font-size: 1.2em;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 3px;
		margin-bottom: 30px;
	}

	#med div.medbox dl.medtitle dd {
		font-size: 0.875em;
		text-align: left;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}


	#med section.treatmentbox {
		margin-inline: auto;
	}

	#med div.medinfo {
		display: flex;
		flex-direction: column-reverse;
		gap: 70px;
		margin-bottom: 50px;
	}

	#med p.medphoto img {
		margin-top: -10px;
		margin-bottom: -90px;
		border-radius: 10px;
	}

	#med p.medinfotxt {
		font-size: 0.875em !important;
		line-height: 2;
	}




	/*///////////////////////////////////////////////////////


002：診療案内 #med  インプラント・顎関節症・

///////////////////////////////////////////////////////*/




	#med p.imptxt {
		margin: 10px 10px 30px;
		font-size: 0.875em;
	}

	#med p.medimg img {
		width: 90%;
		margin: 20px;
		display: block;
	}

	#med p.medimg002 img {
		width: 220px;
	}

	#med p.childimg img {
		width: 100%;
		margin: 50px auto;
		display: block;
	}

	#med h3 {
		text-align: center;
		margin-inline: auto;
		width: 60%;
		display: block;
	}

	#med section.timebox {
		padding: 30px 10px;
		background-color: #f0fbff;
		margin-inline: auto;
		margin: 30px 0;
		display: flex;
		justify-content: center;
		flex-direction: column;
		font-size: 0.875em;
	}

	#med dl.imp {
		margin: 30px 10px;
		font-size: 0.875em;
	}

	#med dl.imp dt {
		font-weight: bold;
		text-align: center;
		font-size: 1.1em;
		margin-bottom: 10px;
	}


	#med span.boldfont {
		font-weight: bold;
		color: #16c0bd;
	}

	#med div.tmdbox {
		padding: 30px 10px;
		margin: 30px 0;
		background-color: #f5f9fa;
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
		font-size: 0.875em;
	}




	#med span.childtitlesmall {
		font-size: 0.7em !important;
		font-weight: normal !important;
		color: #3F3F3F !important;
	}






	/*///////////////////////////////////////////////////////


003：施設案内 #fac


///////////////////////////////////////////////////////*/



	/* #fac .anchor {
		display: block;
		position: relative;
		top: 420px;
	visibility: hidden;
}*/




	#fac section.underhead {
		background: url(../../facility/images/header.jpg) no-repeat;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 30px 0;
		display: flex;
		justify-content: center;
		box-shadow: inset 0px 8px 3px -7px rgba(0, 0, 0, 0.2);
	}

	#fac div.facmenu {
		margin: 10px 10px 20px;
		background: rgba(191, 229, 228, 0.6);
		padding: 10px 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
	}

	#fac div.facmenu ul.facbtn {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 10px;
		padding: 0;
		width: 100%;
	}

	#fac div.facmenu ul.facbtn li {
		width: 100%;
		background: #FFF;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
		font-weight: 600;
		letter-spacing: 2px;

	}


	#fac div.facmenu ul.facbtn li a {
		display: block;
		padding: 15px 20px;
	}


	#fac .btns {
		display: inline-flex;
		align-items: center;
		padding: 10px;
		background: #fff;
		color: #3f3f3f;
		/* 初期の文字＆アイコン色 */
		transition: background .25s, color .25s, border-color .25s, transform .25s;
	}

	#fac .btns .icon {
		width: 1.2em;
		height: 1.2em;
		flex: 0 0 auto;
		transition: transform .25s;
		vertical-align: middle;
		margin-top: -3px !important;
	}


	#fac .btns:hover .icon {
		transform: translateX(4px);
	}

	#fac .btns:active {
		transform: translateY(1px);
	}

	#fac div.gallerybox {
		padding: 0 40px;
	}

	#fac h4 {
		display: flex;
		justify-content: center;
		padding: 15px 20px;
		font-size: 1em;
		letter-spacing: 6px;
		align-items: center;
		align-self: stretch;
		border-radius: 10px;
		background: rgba(191, 229, 228, 0.6);
	}

	#fac section.facbox {
		margin-inline: auto;
		padding: 0 10px;
	}


	#fac div.facinfobox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 50px 10px
	}



	#fac dl.fac {
		background: #FFF;
		text-align: center;
		padding-bottom: 30px;
		box-shadow: 4px 8px 8px -7px rgba(0, 0, 0, 0.2);
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	#fac dl.fac dt img {
		width: 100%;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	#fac dl.fac dd.title {
		color: var(--, #3F3F3F);
		text-align: center;
		font-family: "Zen Kaku Gothic New";
		font-size: 1em;
		font-style: normal;
		font-weight: 700;
		/* 39.6px */
		letter-spacing: 2px;
		padding: 0px 0 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #ddd;
		margin: 0 20px 14px;
	}

	#fac dl.fac dd.txt {
		text-align: center;
		/* 26.4px */
		letter-spacing: 0.4px;
		padding: 0 20px;
		text-align: left;
		font-size: 0.875em;
		line-height: 2;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}


	/* ベース */
	.zoom-wrap {
		position: relative;
		display: inline-block;
		overflow: hidden;
	}

	/* 常にアイコン表示 */
	.zoom-wrap::after {
		content: "";
		position: absolute;
		top: 88%;
		left: 94%;
		width: 60px;
		/* アイコン画像サイズ */
		height: 60px;
		background: url("../images/icon-zoom.png") no-repeat center center;
		background-size: contain;
		transform: translate(-50%, -50%);
		opacity: 0.8;
		/* 透明度（0〜1）で調整 */
		pointer-events: none;
		/* クリック操作を邪魔しない */
	}

	.zoom-wrap::after {
		width: 24px;
		height: 24px;
		opacity: 0.8;
	}






	/*///////////////////////////////////////////////////////


004：初めての方へ #flow


///////////////////////////////////////////////////////*/



	#flow section.underhead {
		background: url(../../flow/images/header.jpg) no-repeat;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 30px 0;
		display: flex;
		justify-content: center;
		box-shadow: inset 0px 8px 3px -7px rgba(0, 0, 0, 0.2);
	}

	#flow .flowbox {
		background-color: #e6f0f0;
		height: auto;
		background: linear-gradient(to top, #f0fbff 63.3%, #ffffff 63.3%);
		padding-bottom: 30px;
	}


	#flow section.conceptbox {
		margin-inline: auto;
		padding: 30px 10px 0;
	}

	#flow div.conceptinfo {
		padding: 0px 10px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		background-position: top center;
	}


	#flow dl.concept dd {
		text-align: center !important;
		margin: 10px 0 0;
		font-size: 0.875em;
		text-align: left !important;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}

	#flow section.stepbox {
		padding: 0;
	}


	#flow div.stepbox {
		display: flex;
		gap: 10PX;
		margin-inline: auto;
		padding: 30px 0;
	}


	#flow .circle {
		flex: 0 0 auto;
		/* ← これ大事！伸縮させない */
		width: 30px;
		height: 30px;
		border-radius: 50%;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 24px;
		font-weight: bold;
		background: #61C1BE;
		margin-top: 10px;
		margin-right: -40px;
	}


	#flow dl.steps {
		padding: 0 10px;
	}

	#flow span.stepfont {
		letter-spacing: 0;
		font-size: 0.8em !important;
		color: #6c6c6c;
		margin-right: 5px;
	}

	#flow dl.steps dd.stepstxt {
		padding: 10px 0 0 0;
	}


	#flow dl.steps dt {
		color: #2AB0AC;
		font-family: "Zen Kaku Gothic New";
		font-size: 1.25em;
		font-style: normal;
		font-weight: 700;
		line-height: 220%;
		/* 61.6px */
		letter-spacing: 2px;
		display: flex;
		justify-content: center;
		margin-bottom: 10px;
		border-top: 1px solid #2AB0AC;
		border-bottom: 1px solid #2AB0AC;
		background-color: #fbfbfb;
		padding: 14px 0;
		margin-bottom: 20px;
	}

	dd.stepNotice {
		font-weight: 700;
		margin-bottom: 20px;
		text-align: center;
	}

	#flow dl.steps dd {
		font-size: 0.875em;
		line-height: 2;
	}

	#flow p.stepphoto img {}


	#flow div.line {
		height: 20px;
		border-top: 1px dotted #61C1BE;
		margin: 20px auto;
		animation: grow 2s ease-out forwards;
	}

	#flow section.timebox {
		padding: 20px 20px 50px;
		margin-top: 40px;
		margin-bottom: 20px;
		font-size: 0.8em;
		line-height: 2;
		background-color: #f0fbff;
		margin-inline: auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
		border-radius: 10px;
	}

	#flow h3.time {
		width: 15%;
		margin-inline: auto;
		white-space: nowrap;
	}


	#flow .item-01 {
		order: 1;
	}

	#flow .item-02 {
		order: 2;
	}

	#flow .item-03 {
		order: 3;
	}


	#flow .inner-block {
		margin: 0 auto;
		position: relative;
	}

	#flow .fade-img-box_flow {
		width: 100%;
		height: 270px;
		margin-left: auto;
		margin-top: 10px;
		position: relative;
	}

	#flow .fade-img-box_flow img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 10px;
	}





	/*///////////////////////////////////////////////////////


005：料金案内 #price


///////////////////////////////////////////////////////*/



	#price section.underhead {
		background: url(../../price/images/header.jpg) no-repeat;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 30px 0;
		display: flex;
		justify-content: center;
		box-shadow: inset 0px 8px 3px -7px rgba(0, 0, 0, 0.2);
		border-bottom: 1px solid #eee;
	}


	#price div.medbox dl.medtitle {
		text-align: center;
		margin: 10px 0;
		padding: 0 10px;
	}

	#price div.medbox dl.medtitle dt {
		color: #2AB0AC;
		font-family: "Zen Kaku Gothic New";
		font-size: 1.25em;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 4px;
		margin-bottom: 20px;
	}

	#price .pricereadtxt {
		font-size: 0.875em;
		text-align: left;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}

	#price table.price {
		border: 1px solid #ddd;
		margin: 30px 10px;
		background-color: #FFFFFF !important;
	}

	#price table.price th {
		background: #61C1BE;
		color: #FFF;
		text-align: center;
		padding: 15px 0;
		font-size: 1em;
	}

	#price table.price td {
		padding: 10px;
		border-bottom: 1px solid #ddd;
		font-size: 0.8em;
		line-height: 1.8;
	}

	#price div.priceinfo {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 30px;
	}

	#price p.infotxt {
		font-size: 1em;
		font-weight: 500;
	}

	#price p.pricetxt {
		font-family: Jost;
		font-size: 1.2em;
		font-style: normal;
		font-weight: 700;
		white-space: nowrap;
		letter-spacing: 0;
	}


	span.smallfontprice {
		font-size: 0.75em !important;
	}



	/*///////////////////////////////////////////////////////


005：料金案内 アコーディオン


///////////////////////////////////////////////////////*/


	/* #price details {
		border: 1px solid #ddd;
		margin: 30px auto 80px;
		font-size: 0.875em;
	} */

	#price details summary {
		list-style: none;
		cursor: pointer;
		background: #61C1BE;
		color: #FFF;
		padding: 14px;
		font-size: 1em;
		font-weight: 700;
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		/* 左右に振り分け */
		align-items: center;
		margin: 0 10px 10px;
		box-shadow: 0px 6px 6px -5px rgba(0, 0, 0, 0.3);

	}


	#price details summary::before {
		font-family: FontAwesome;
		content: '\f067';
		margin-left: 10px;
	}

	#price details[open] summary::before {
		content: '\f068';
	}


	#price details p {
		margin: 0;
		padding: 20px;
		font-size: 0.8em;
		line-height: 2;

	}

	#price span.mark {
		color: rgb(219, 0, 95);
		font-size: 0.875em;
	}

	#price span.nomalfont {
		font-weight: normal;
	}

	#price span.tax {
		font-size: 0.8125em;
	}




	/*///////////////////////////////////////////////////////


005：自由診療について #faq


///////////////////////////////////////////////////////*/

	#faq p.freetxt {
		margin: 30px auto;
		padding: 0 10px;
		font-size: 0.875em;
		line-height: 1.9;
	}

	#faq div.answer dl.merit {
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-bottom: 30px;
	}

	#faq div.answer dl.merit dd {
		border-bottom: 1px dotted #ccc;
		padding: 10px 0;
		line-height: 1.9;
	}

	#faq div.answer dl.merit dt.metitle001 {
		font-size: 1.25em;
		font-weight: 700;
		color: #005EB0;
		border-left: 6px solid #005EB0;
		padding-left: 14px;

	}

	#faq div.answer dl.merit dt.metitle002 {
		font-size: 1.25em;
		font-weight: 700;
		color: #de025a;
		border-left: 6px solid #de025a;
		padding-left: 14px;
	}



	/*///////////////////////////////////////////////////////


006：よくある質問 #faq


///////////////////////////////////////////////////////*/


	#faq section.underhead {
		background: url(../../faq/images/header.jpg) no-repeat;
		background-size: cover;
		padding: 30px 0;
		display: flex;
		justify-content: center;
		box-shadow: inset 0px 8px 3px -7px rgba(0, 0, 0, 0.2);
	}

	#faq div.medbox dl.medtitle {
		text-align: center;
		margin: 30px 0;
	}

	#faq dd.faqreadtxt {
		font-size: 0.875em;
		text-align: center !important;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}


	#faq div.medbox dl.medtitle dt {
		color: #2AB0AC;
		font-family: "Zen Kaku Gothic New";
		font-size: 1em;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 4px;
		margin-bottom: 10px;
	}


	#faq div.facmenu {
		margin: 0 auto 50px;
		background: rgba(191, 229, 228, 0.6);
		padding: 10px 0px 10px;
		border-radius: 6px;
	}

	#faq div.facmenu ul.facbtn {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 13px;
		padding: 0;
	}

	#faq div.facmenu ul.facbtn li a {
		width: 300px;
		padding: 15px 0 15px 33px;
		background: #FFF;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
		font-weight: 600;
		letter-spacing: 2px;
		font-size: 0.8em;

	}

	#faq .btns {
		display: inline-flex;
		align-items: center;
		padding: 0 10px;
		background: #fff;
		color: #3f3f3f;
		/* 初期の文字＆アイコン色 */
		transition: background .25s, color .25s, border-color .25s, transform .25s;
	}

	#faq .btns .icon {
		width: 1.2em;
		height: 1.2em;
		flex: 0 0 auto;
		transition: transform .25s;
	}


	#faq .btns:hover .icon {
		transform: translateX(4px);
	}

	#faq .btns:active {
		transform: translateY(1px);
	}




	/*///////////////////////////////////////////////////////


006：faq アコーディオン


///////////////////////////////////////////////////////*/

	#faq div.faqbox {
		margin: 10px 0 50px 0;
	}

	#faq div.answer {
		padding: 25px 20px;
	}

	#faq details {
		border: 1px solid #ddd;
		font-size: 0.875em;
		margin: 0 10px;
	}

	#faq details summary {
		list-style: none;
		cursor: pointer;
		background: #61C1BE;
		color: #FFF;
		text-align: center;
		padding: 20px;
		font-size: 1em;
		font-weight: 700;
		line-height: 1.8;
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		/* 左右に振り分け */
		align-items: center;
		text-align: left;
	}

	#faq details summary::before {
		font-family: FontAwesome;
		content: '\f067';
	}

	#faq details[open] summary::before {
		content: '\f068';
	}

	#faq div.answer dl {
		display: flex;
		gap: 10px;
	}

	#faq div.answer dl dt.answerhead {
		font-size: 1.25em;
		font-weight: 700;
		color: #de025a;
	}

	#faq div.answer dl dd.answertxt {
		line-height: 2;
		font-size: 0.875em;
	}






	/*///////////////////////////////////////////////////////


007：採用情報 #rec


///////////////////////////////////////////////////////*/



	#rec section.underhead {
		background: url(../../recruit/images/header.jpg) no-repeat;
		background-size: cover;
		padding: 30px 0;
		display: flex;
		justify-content: center;
		box-shadow: inset 0px 8px 3px -7px rgba(0, 0, 0, 0.2);
	}

	#rec div.medbox dl.medtitle {
		text-align: center;
		margin: 30px 0;
	}

	#rec div.medbox dl.medtitle dt {
		color: #2AB0AC;
		font-family: "Zen Kaku Gothic New";
		font-size: 1.25em;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 3px;
		margin-bottom: 30px;
	}

	#rec div.medbox dl.medtitle dd {
		font-size: 0.875em;
		text-align: left;
		padding: 0 10px;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}


	#rec div.medbox dl.medtitle dd.staff img {
		margin: 0px;
	}

	#rec p.workphoto img {
		text-align: center;
		display: block;
		margin: 0 auto 50px;
	}

	#rec table.recruit {
		margin: 30px auto;
		border: 1px solid #ddd;
		width: 94%;
	}

	#rec table.recruit th {
		padding: 10px 20px;
		background: #61c1be;
		color: #FFF;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		display: block;
	}

	#rec table.recruit td {
		padding: 20px 20px;
		background-color: #fff;
		border-bottom: 1px solid #ddd;
		font-size: 0.9em;
		display: block;
	}

	#rec span.coution {
		color: #E2176C;
	}

	#rec span.job {
		font-weight: bold;
		margin-right: 10px;
	}


	#rec div.youtube {
		margin: 0px auto;
		text-align: center;
	}

	#rec .youtubemovie {
		margin: 20px 0;
	}

	#rec .youtube {
		width: 94%;
		aspect-ratio: 16 / 9;

	}

	#rec .youtube iframe {
		width: 100%;
		height: 100%;
	}




	/*///////////////////////////////////////////////////////


008：お問合せ #contact


///////////////////////////////////////////////////////*/


	#contact section.underhead {
		background: url(../../contact/images/header.jpg) no-repeat;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 30px 0;
		display: flex;
		justify-content: center;
		box-shadow: inset 0px 8px 3px -7px rgba(0, 0, 0, 0.2);
	}

	#contact div.contactbox {
		border: 1px solid #ddd;
		background-color: #fff;
		border-radius: 10px;
		padding: 30px 14px;
		margin: 40px 0 -100px 0px;
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	/* #contact div.contactbox div {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		text-align: center;
	} */

	#contact dl.contactinfo dd.tell {
		color: var(--, #3F3F3F);
		font-family: Jost;
		font-size: 1.5em;
		font-style: normal;
		font-weight: 600;
		line-height: 110%;
		/* 55px */
		letter-spacing: 2px;
		padding: 15px 40px;
		margin: 10px 0;
		border: 1px solid #ddd;
		border-radius: 50px;
	}

	#contact dl.contactinfo dd.txt {
		font-size: 0.875em;
		line-height: 1.8;
	}

	#contact dd.faqbtnspace {
		margin: 0;
		white-space: nowrap;
	}

	.v_line_fix {
		width: 1px;
		height: 20px;
		background-color: #ddd;
		margin: 10px auto;
	}

	#contact section.conceptbox {
		margin-inline: auto;
		padding: 0 0 50px;
	}

	#contact section.contact {
		padding: 50px 0;
	}

	#contact p.contacttxt {
		margin: 30px 0 20px;
		text-align: center;
	}

	table.contact {
		margin: 0px auto;
		width: 90%;
		font-size: 0.875em;
	}

	table.contact th {
		display: block;
		background-color: #e8e6e6;
		padding: 10px 20px;
		text-align: left !important;
		font-size: 0.875em;
	}

	table.contact td {
		padding: 30px 0px;
		display: block;

	}

	span.musticon {
		background: #E2176C;
		font-size: 0.775em;
		padding: 5px 10px;
		margin-left: 10px;
		color: #FFF;

	}



	div.contactcoution {
		border: 3px solid #a40000;
		color: #a40000;
		text-align: center;
		width: 88%;
		padding: 20px 10px;
		margin: 20px auto 40px;
		font-size: 0.7em;
		line-height: 180%;
		background-color: #FFF;
	}


	p.spcontactbtn a {
		font-size: 1.7em;
		font-weight: bold;
		color: #a40000 !important;
	}




	/*///////////////////////////////////////////////


フォーム


///////////////////////////////////////////////*/


	.hoge {
		width: 93%;
		padding: 20px 10px !important;
		margin-bottom: 10px;
		font-size: 100%;
		font-family: Arial, sans-serif;
		color: #333;
		border: solid 1px #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: rgba(229, 228, 228, 0.5);
	}

	.hogebiko {
		width: 93% !important;
		height: 200px !important;
		padding: 20px 10px !important;
		font-size: 100%;
		font-family: Arial, sans-serif;
		border: solid 1px #ccc;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background: rgba(229, 228, 228, 0.5);
	}

	p.sendbtn {
		text-align: center;
		margin: 5%;
	}

	#submit_button {
		text-align: center;
		padding: 25px 70px;
		margin: 10px auto;
		display: block;
		font-size: 1em;
		background-color: #61C1BE;
		color: #fff;
		letter-spacing: 0.2em;

	}







	/*///////////////////////////////////////////////////////


009：当院の施設基準に関するお知らせ #point


///////////////////////////////////////////////////////*/



	#point section.underhead {
		background: url(../../points/images/header.jpg) no-repeat;
		background-size: cover;
		padding: 20px 0;
		display: flex;
		justify-content: center;
	}


	#point div.pointbox {
		margin: 20px 10px 50px;
	}

	#point dl.point {
		margin: 30px 0;
	}

	#point dl.point dt {
		font-weight: 500;
	}

	#point dl.point dd {
		line-height: 1.8;
		font-size: 0.875em;
	}

	#point div.pointbox p {
		line-height: 1.8;
		font-size: 0.875em;
	}






	/*///////////////////////////////////////////////////////


	
サンクスページ



///////////////////////////////////////////////////////*/


	p.thankstitle {
		text-align: center;
		font-size: 90%;
		letter-spacing: 0.2em;
		margin-top: 220px
	}



	p.thankstitle img {
		width: 75%;
		margin-bottom: 20px;
	}


	p.thankstitle a {
		color: #16c0bd;
		display: block;
		padding: 20px;
	}






	/*///////////////////////////////////////////////////////


調整


///////////////////////////////////////////////////////*/

	.mt50sp {
		margin-top: 30px !important;
	}


	.mtm50 {
		margin-top: -50px !important;
	}

	.spmb70 {
		margin-bottom: 70px !important;
	}


	.spmb50 {
		margin-bottom: 50px !important;
	}









	/*//////////////////////////////////////

新着情報

///////////////////////////////////////*/


	div.news {
		margin-inline: auto;
		text-align: center;
		margin: 0 10px;
	}

	dl.newslist {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 10px;
		margin-bottom: 20px;
	}


	dl.newslist dt {
		background-color: crimson;
		color: #FFF;
		font-weight: 500;
		font-size: 0.8em;
		white-space: nowrap;
		padding: 10px;
	}


	dl.newslist dd {
		text-align: left;
		line-height: 1.5;
		font-weight: 500;
	}






}