@charset "UTF-8";

/*   2階層ページ（2kaisou.css）   */

/* -------------------------------------------------

ページレイアウト

------------------------------------------------- */
/* 背景色／波線
================================================== */
.pageBG {		/*  2階層以降  */
	background-color: #fdf2f3;	/**  背景色（ピンク）  **/
	position: relative;
}
.pageBG_wave {
 width: 100%; 
 height: 360px;
	background: #d3edf2;
	position: relative;
	margin: -100px auto 0;
}
.pageBG_wave::after {
	content:"";
	position: absolute;
	/*z-index: 1;*/
 bottom: 0;
 left: 0;
 width: 100%; 
 height: 360px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDQwIDMyMCI+PHBhdGggZmlsbD0iI2ZkZjJmMyIgZmlsbC1vcGFjaXR5PSIxIiBkPSJNMCwyNTZMNjAsMjY2LjdDMTIwLDI3NywyNDAsMjk5LDM2MCwyOTMuM0M0ODAsMjg4LDYwMCwyNTYsNzIwLDIyOS4zQzg0MCwyMDMsOTYwLDE4MSwxMDgwLDE4Ni43QzEyMDAsMTkyLDEzMjAsMjI0LDEzODAsMjQwTDE0NDAsMjU2TDE0NDAsMzIwTDEzODAsMzIwQzEzMjAsMzIwLDEyMDAsMzIwLDEwODAsMzIwQzk2MCwzMjAsODQwLDMyMCw3MjAsMzIwQzYwMCwzMjAsNDgwLDMyMCwzNjAsMzIwQzI0MCwzMjAsMTIwLDMyMCw2MCwzMjBMMCwzMjBaIj48L3BhdGg+PC9zdmc+");
	background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
	/*animation:wave linear 4s infinite;*/
}
.sample {
	overflow:hidden;
	margin:0 auto;
	width:100%;
	height:300px;
	background-color:#fff;
}
.sample svg path {
		fill:#3168dd;
		animation:wave linear 4s infinite;
	}
@keyframes wave {
	from {
		transform:translate(0);
	}
	to {
		transform:translate(-100%);
	}
}
@media all and (max-width: 980px) {
.pageBG_wave {
 height: 300px;
	margin: -70px auto 0;
}
.pageBG_wave::after {
 height: 200px;
}
}
@media all and (max-width: 768px) {
.pageBG_wave {
 height: 260px;
}
.pageBG_wave::after {
 height: 160px;
}
}
@media all and (max-width: 480px) {
.pageBG_wave {
 height: 230px;
}
.pageBG_wave::after {
 height: 130px;
}
}

/* ページタイトル
================================================== */
.PageTitle__wrp{
	padding-top: 150px;
	position:relative;
}
.PageTitle__Box {
 max-width: 1250px;
	margin: auto;
	width: 100%;
 height: 200px;
 overflow: hidden;
	position: relative;
}
.PageTitle__Box .title {
	font-weight: 500;
	font-size:4.4rem;
	color: #333333;
	position:relative;
	letter-spacing: 2px;
}
.PageTitle__Box .title .stit	{
	font-size:2rem;
	color:#43b1c8;
	margin-bottom: 0px;
	letter-spacing: 0px !important;
}
@media all and (max-width: 1350px) {
.PageTitle__wrp{
	padding: 150px 0 0 10%;
}
}
@media all and (max-width: 980px) {
.PageTitle__wrp{
	padding: 100px 0 0 10%;
}
.PageTitle__Box {
 height: 100px;
}
.PageTitle__Box .title {
	font-size:4rem;
}
}

@media all and (max-width: 768px) {
.PageTitle__wrp{
	padding: 110px 0 0 5%;
}
.PageTitle__Box .title {
	font-size:3.2rem;
}
.PageTitle__Box .title .stit	{
	font-size:1.6rem;
}
}
@media all and (max-width: 480px) {
.PageTitle__wrp{
	padding: 100px 0 0 5%;
}
.PageTitle__Box .title {
	font-size:2.8rem;
}
.PageTitle__Box .title .stit	{
	font-size:1.4rem;
}
}


/* ページレイアウト
================================================== */
.page__area {
	max-width: 1400px;
	width: 100%;
	margin: 70px auto 0;
	padding: 100px;
	background-color: #ffffff;
	border-radius: 50px;
}
@media screen and (max-width: 1450px)  {
.page__area {
	width: 90%;
	padding: 100px 80px;
}
}
@media screen and (max-width: 980px)  {
.page__area {
	width: 94%;
	padding: 80px 60px;
	border-radius: 30px;
}
}
@media screen and (max-width: 768px)  {
.page__area {
	margin: 40px auto 0;
	padding: 60px;
	border-radius: 30px;
}
}
@media screen and (max-width: 640px)  {
.page__area {
	padding: 60px 40px;
}
}
@media screen and (max-width: 480px)  {
.page__area {
	padding: 40px;
	border-radius: 20px;
}
}
@media screen and (max-width: 400px)  {
.page__area {
	padding: 40px 20px;
	border-radius: 20px;
}
}


/* -------------------------------------------------

Main

------------------------------------------------- */
#Main {
	background-color: #fdf2f3;
	width: 100%;
	padding-bottom: 200px;
	position: relative;
}
@media screen and (max-width: 768px)  {
#Main {
	padding-bottom: 100px;
}
}

/* -------------------------------------------------

見出し（共通）

------------------------------------------------- */
/* 見出し（h2）
================================================== */
.Heading__h2	{
	font-weight:600;
	font-size:3.4rem;
	letter-spacing: 0.07em;
	line-height: normal;
	position:relative;
	margin: 0 0 50px;
}
.Heading__h2 .small {
	font-size:1.6rem !important;
	line-height: normal;
	color: #43b1c8;
	letter-spacing: 0 !important;
}
@media screen and (max-width: 768px)  {
.Heading__h2	{
	font-size:2.8rem;
	margin: 0 0 30px;
}
.Heading__h2_news	{
	font-size:2.4rem;
}

/*.Heading__h2::before	{
	top:8px;
	left: 0;
}*/
.Heading__h2 .small{
	font-size:1.2rem !important;
}
}
@media screen and (max-width: 480px)  {
.Heading__h2	{
	font-size:2.4rem;
}
.Heading__h2_news	{
	font-size:2rem;
}
.Heading__h2 .small{
	font-size:1rem !important;
}
}

/* 見出し（h2/h3） 丸アイコン
================================================== */
.Heading__h3	{
	font-weight:600;
	font-size:2.8rem;
	line-height: normal;
	position:relative;
	margin-bottom: 20px;
}
.Heading__h3::before {
 content: '';
 display: inline-block;
 width: 15px;
 height: 15px;
	vertical-align: 3px;
 margin-right: 12px;
 border-radius: 50%;
 background-color:#E7E7E7;
}

@media screen and (max-width: 768px)  {
.Heading__h3	{
	font-size:2.4rem;
}
.Heading__h3::before {
	vertical-align: 1px;
}
}
@media screen and (max-width: 480px)  {
.Heading__h3	{
	font-size:2rem;
}
.Heading__h3::before {
 width: 12px;
 height: 12px;
	vertical-align: 1px;
 margin-right: 10px;
}
}
	

/* 見出し（h2／h3） ストライプ下線
================================================== */
.Heading__h3_clinic,.Heading__h2_privacy	{
	font-weight:600;
	font-size:2.8rem;
	line-height: normal;
	position:relative;
	margin-bottom: 40px;
	padding-bottom: 20px;
	--stripe-color: #E7E7E7; /* ストライプの色 */
}
.Heading__h3_clinic::after,.Heading__h2_privacy::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    135deg,
    transparent 25%,
    var(--stripe-color) 25%,
    var(--stripe-color) 50%,
    transparent 50%,
    transparent 75%,
    var(--stripe-color) 75%,
    var(--stripe-color)
  );
  background-size: 4px 4px;
}
@media screen and (max-width: 768px)  {
.Heading__h3_clinic,.Heading__h2_privacy	{
	font-size:2.4rem;
	margin-bottom: 30px;
}
}
@media screen and (max-width: 480px)  {
.Heading__h3_clinic,.Heading__h2_privacy	{
	font-size:2rem;
	margin-bottom: 20px;
}
}

.Heading__h2_tsubuyaki	{
	font-weight:600;
	font-size:2.8rem;
	line-height: normal;
	position:relative;
	margin-bottom: 40px;
	padding-bottom: 20px;
	--stripe-color: #E7E7E7; /* ストライプの色 */
	display: flex;
	justify-content: space-between;
	align-items:flex-end;
}
.Heading__h2_tsubuyaki::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    135deg,
    transparent 25%,
    var(--stripe-color) 25%,
    var(--stripe-color) 50%,
    transparent 50%,
    transparent 75%,
    var(--stripe-color) 75%,
    var(--stripe-color)
  );
  background-size: 4px 4px;
}
.Heading__h2_tsubuyaki .Title	{
}
.Heading__h2_tsubuyaki .Date	{
	font-weight:400;
	font-size:1.8rem;
	line-height: normal;
	text-align: right;
}
	
	
	
@media screen and (max-width: 768px)  {
.Heading__h2_tsubuyaki	{
	font-size:2.4rem;
	margin-bottom: 30px;
}
}
@media screen and (max-width: 480px)  {
.Heading__h2_tsubuyaki	{
	font-size:2rem;
	margin-bottom: 20px;
	flex-direction: column;
	justify-content: space-between;
	align-items:flex-start;
}
.Heading__h2_tsubuyaki .Title	{
	order: 2;
}
.Heading__h2_tsubuyaki .Date	{
	font-size:1.4rem;
	text-align: left;
	order: 1;
}
}



/* 見出し（h2） 下向き吹き出し
================================================== */
.Heading__h2_news {
 position: relative;
 padding: 1rem 1rem 1rem 1rem;
 border-bottom: 3px solid #F7B7C1;
 font-weight: bold;
	font-weight:600;
	font-size:2.8rem;
	line-height: normal;
	margin-bottom: 30px;
}

.Heading__h2_news:before,
.Heading__h2_news:after {
    position: absolute;
    top: 100%;
    left: 30px;
    height: 0;
    width: 0;
    border: solid transparent;
    content: "";
}

.Heading__h2_news:before {
    margin-left: -12px;
    border-color: transparent;
    border-top-color: #F7B7C1;
    border-width: 12px;
}

.Heading__h2_news:after {
    margin-left: -8px;
    border-color: transparent;
    border-top-color: white;
    border-width: 8px;
}
@media screen and (max-width: 768px)  {
.Heading__h2_news	{
	font-size:2.4rem;
	
}
}
@media screen and (max-width: 480px)  {
.Heading__h2_news	{
	font-size:2rem;
}
}


/* 見出し（h3） ストライプ下線
================================================== */
.Heading__h3_news	{
	font-weight:600;
	font-size:2.4rem;
	line-height: normal;
	position:relative;
	margin-bottom: 20px;
	padding-bottom: 20px;
	--stripe-color: #E7E7E7; /* ストライプの色 */
}
.Heading__h3_news::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    135deg,
    transparent 25%,
    var(--stripe-color) 25%,
    var(--stripe-color) 50%,
    transparent 50%,
    transparent 75%,
    var(--stripe-color) 75%,
    var(--stripe-color)
  );
  background-size: 4px 4px;
}
	
@media screen and (max-width: 768px)  {
.Heading__h3_news	{
	font-size:2rem;
}
}
@media screen and (max-width: 480px)  {
.Heading__h3_news	{
	font-size:1.8rem;
}
}