@charset "UTF-8";


.comingsoon {
	width: 100%;
	margin: 0 auto ;
	display: block;
}
.comingsoon img {
	width: 50%;
	margin: 0 auto ;
	display: block;
}

/*====================================================================

/* パンクズ

/*==================================================================== */

.pankuzu {
	text-align: left;
	max-width: 1280px;
	width: 100%;
	height: 50px;
	color: #333333;
	font-size: 10px;
	line-height: 50px;
	padding: 0 ;
	margin: 0 auto;
}
.pankuzu a {
	color :#333333;
}


/*====================================================================

/* メニュー　メインビジュアル

/*==================================================================== */

.contents-visual-title-pc {
	display: block;
}
.contents-visual-title-sp {
	display: none;
}
.contents-visual {
	max-width: 1280px;
	width: 100%;
	height: 350px;
	padding: 0 ;
	margin: 0 auto 0 auto ;
}


@media (max-width: 599.98px) {
	
	.contents-visual-title-pc {
		display: none;
	}
	.contents-visual-title-sp {
		display: block;
	}
	
}

@media (min-width: 600px) and (max-width: 991.98px) {
	
	#top-visual {
		max-width: 100%;
		width: 100%;
		max-height: 100%;
		height: auto;
		padding: 0 !important;
		margin: 50px auto 0 auto !important;
	}
	
	
}


/*====================================================================

/* メニュー　写真なし

/*==================================================================== */

.contents-visual-p {
	background: #F1ECDF;
	max-width: 1280px;
	width: 100%;
	height: auto;
	padding: 1.5rem 0 0.5rem 0 ;
	margin: 0 auto 25px auto ;

}
.contents-visual-p h1 {
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: 1rem;
	line-height: 3.5rem;
}
.contents-visual-p h1 span {
	font-size: 35px;
	font-weight: 300;
}
.contents-visual-p p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-weight: 200;
	text-align: center;
	letter-spacing: 0.25rem;
}


@media (max-width: 599.98px) {
	
	
	.contents-visual-p {
		background: #F1ECDF;
		max-width: 100%;
		width: 100%;
		height: auto;
		padding: 1.5rem 0 0.5rem 0 ;
		margin: 0 auto 1rem auto ;

	}
	
	.contents-visual-p h1 {
		font-size: 2rem;
		letter-spacing: 1rem;
	}
	.contents-visual-p h1 span {
		font-size: 2.2rem;
		font-weight: 300;
	}
	
}




/*====================================================================

/* メニュー　メインビジュアル-n 2023-

/*==================================================================== */

.contents-title h1 {
	max-width: 1280px;
	width: 100%;
	max-height: 450px;
	height: auto;
	margin: 0 auto 0 auto;
}
.contents-title h1 img{
	width: 100%;
}

.contents-title h1 .contents-title-pc {
	display: block;
}
.contents-title h1 .contents-title-sp {
	display: none;
}


@media screen and (max-width: 750px) {
	
	.contents-title h1 {
		max-width: 100%;
		width: 100%;
		margin: 0 auto 1rem auto;
	}
	.contents-title h1 .contents-title-pc {
		display: none;
	}
	.contents-title h1 .contents-title-sp {
		display: block;
	}
	
}



/*====================================================================

/* リスク-追加2023

/*==================================================================== */


/* リスク */
.risk h3 {
	background: #DBDBDB;
	padding: 1rem;
	font-size: 20px;
	margin-bottom: 2rem ;
}

.risk-body {
	width: 750px;
	max-width: 100%;
	margin: 20px auto 50px auto;
}
.risk-body dl {
	width: 750px;
	max-width: 100%;
	margin: 20px 0 20px 0px;
}
.risk-body dl dt {
	font-size: 18px;
	color: #CBBA96;
	margin: 0 0 5px 0;
}
.risk-body dl dd {
	font-size: 15px;
	line-height: 2rem;
}
.risk-body ul {
	width: 750px;
	max-width: 100%;
	margin: 20px 0 50px 0px;
}
.risk-body li {
	font-size: 15px;
	position: relative;
	padding-left: 15px;
	margin-bottom: 10px;
}
.risk-body li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #CBBA96;
  border-radius: 50%;
}
.risk-body .chui {
	font-size: 15px;
	margin: 0 0 10px 0;
}


@media screen and (max-width: 750px) {
	
	
	.risk h3 {
		padding: 1rem;
		font-size: 1.25rem;
		margin-bottom: 1rem ;
	}

	.risk-body {
		width: 100%;
		max-width: 100%;
		margin: 20px auto 50px auto;
	}
	.risk-body dl {
		width: 100%;
		max-width: 100%;
		margin: 0 0 2rem 0px;
	}
	.risk-body dl dt {
		font-size: 16px;
		color: #CBBA96;
		margin: 0 0 0.25rem 0;
	}
	.risk-body dl dd {
		font-size: 14px;
		line-height: 2rem;
	}
	.risk-body ul {
		width: 100%;
		max-width: 100%;
		margin: 0 0 0 0px;
	}
	.risk-body li {
		font-size: 14px;
		position: relative;
		padding-left: 15px;
		margin-bottom: 10px;
	}
	.risk-body li:before {
	  content: "";
	  position: absolute;
	  top: .4em;
	  left: 0;
	  width: 10px;
	  height: 10px;
	  background-color: #CBBA96;
	  border-radius: 50%;
	}
	.risk-body .chui {
		font-size: 14px;
		margin: 0 0 1rem 0;
	}


	
}




/*====================================================================

/*　料金表　テーブル 追加2023

/*==================================================================== */


/* menu-price */
.menu-price h3 {
	background: #DBDBDB;
	padding: 1rem;
	font-size: 20px;
	margin-bottom: 2rem ;
}
.menu-price ul.clinic-list {
	display: flex;
	flex-flow: row wrap;
	list-style-type: none;
	padding: 0;
	
	width: 750px;
}

.menu-price ul.clinic-list li {
	width : 25% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 4) ;
	width : calc(100% / 4) ;
	padding: 1rem 1rem 1rem 1rem;
}
.menu-price ul.clinic-list li p {
	border: 1px solid #666666;
	border-radius: 10px;
	padding: 1.5rem;
	font-size: 14px;
	text-align: center;
}


/* テーブル */
.menu-price table.price-tb {
  border-collapse: collapse;
  width: 100%;
}
.menu-price .price-tb th,
.menu-price .price-tb td{
  border: solid 1px #666666;
  text-align:center;
  box-sizing:border-box;
}
.menu-price .price-tb th.price-bg {
  background: #DBDBDB;
  color: #222222;
}
.menu-price .price-tb th.price-f-bg {
  background: #E9AAAB;
  color:  #fff;
}
.menu-price .price-tb th.price-menu {
  background: #DBDBDB;
  color: #222222;
}
.menu-price .price-tb th {
	font-size: 16px;
	padding: 30px;
}
.menu-price .price-tb td {
	font-size: 16px;
	padding: 10px 10px 10px 10px;
}
.menu-price .price-tb td.price-f-p {
	color: #DC6D6D;
	font-weight: bold;
}
.menu-price .price p.chui {
	font-size: 14px;
	margin: 1rem 0 ;
	display: block;
}


@media screen and (max-width: 750px) {
	
	
	/* menu-price */
	.menu-price h3 {
		padding: 1rem;
		font-size: 1.25rem;
		margin-bottom: 1rem ;
	}
	.menu-price ul.clinic-list {
		display: flex;
		flex-flow: row wrap;
		list-style-type: none;
		padding: 0;
		width: 100%;
	}
	
	.menu-price ul.clinic-list li {
		width : 50% ; /* 未対応ブラウザ用フォールバック */
		width : -webkit-calc(100% / 2) ;
		width : calc(100% / 2) ;
		padding: 0 0.25rem 0.25rem 0.25rem;
	}
	.menu-price ul.clinic-list li p {
		border: 1px solid #666666;
		border-radius: 10px;
		padding: 1.5em;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		justify-content: center;
	}
	

	
	/* テーブル */
	.menu-price table.price-tb .head {
		display:none;
	}
	.menu-price .price-tb .bottom {
		margin-bottom: 2vh;
		display: block;
		border-bottom: solid 1px #666666;
	}
	.menu-price .price-tb {
		width: 100%;
	}
	.menu-price .price-tb td, 
	.menu-price .price-tb th{
		display: block;
		width: 100%;
		border-bottom:none;
	}
	.menu-price .price-tb th {
		font-size: 16px;
		padding: 10px;
	}
	.menu-price .price-tb td {
		padding: 0 12px 0 0;
		display: block;
		width: 100%;
		line-height: 2.5;
		text-align:left;
		font-size: 14px;
	}
	.menu-price .price-tb td:before{
		content: attr(data-label);
		padding: 0px 10px;
		display: inline;
		background-color: #DBDBDB;
		margin-right: 10px;
		float: left;
	}
	.menu-price .price-tb td.price-f-p:before{
		background-color:#E9AAAB;
		color: #222222;
		font-weight: normal;
	}
	.menu-price .price-tb td.price-f-p {
		color: #DC6D6D;
		font-weight: bold;
	}
	.menu-price .price-tb tr:last-child{
    	border-bottom: solid 1px #666666;
  	}
	
}





/*====================================================================

/* 共通スタイル-追加2023

/*==================================================================== */


h2.n-bkg {
	width: 750px;
	font-size: 26px;
	font-weight: bold;
	margin-bottom:1rem;
}
h2.bkg {
	background: #CBBA96;
	padding: 2rem 0;
	margin-bottom:1rem;
}
h2.bkg-font {
	font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
	font-weight: 300;
	letter-spacing: 0.5rem;
	font-size: 26px;
	text-align: center;
	color: #FFFFFF;
}
.content-item {
	width: 750px;
	margin: 50px auto 100px auto;
}
.content-item-body {
	margin: 0 auto 25px auto;
}
.content-item-body p {
	font-size: 16px;
	line-height: 2;
}
.content-item .content-item-figure img {
	width: 100%;
}


.display_pc {
	display: block;
}
.display_sp {
	display: none;
}

.content-item-figure img.pc {
	display: block;
}
.content-item-figure img.sp {
	display: none;
}


@media screen and (max-width: 750px) {
	
	h2.n-bkg {
		width: 100%;
		font-size: 1.5rem;
		font-weight: bold;
		margin-bottom:1rem;
	}
	h2.bkg {
		background: #CBBA96;
		padding: 2rem 0;
		margin-bottom:1rem;
	}
	h2.bkg-font {
		font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
		font-weight: 300;
		letter-spacing: 0.5rem;
		font-size: 1.5rem;
		text-align: center;
		color: #FFFFFF;
	}
	.content-item {
		width: 100%;
		padding: 4%;
		margin: 1rem auto 1rem auto;
	}
	.content-item-body {
		margin: 0 auto 25px auto;
	}
	.content-item-body p {
		font-size: 14px;
		line-height: 2;
	}
	
	
	.display_pc {
		display: none;
	}
	.display_sp {
		display: block;
	}
	
	
	.content-item-figure img.pc {
		display: none;
	}
	.content-item-figure img.sp {
		display: block;
	}
	
	
	
	
	
	
}