@charset "UTF-8";
/* CSS Document */
//ブレイクポイントを指定------ここから
$xl: 1399px;
$lg: 1199px;
$md: 991px;
$sm: 767px;
$xs: 575px;

@mixin xl {
  @media screen and (max-width: ($xl)) {
    @content;
  }
}
@mixin lg {
  @media screen and (max-width: ($lg)) {
    @content;
  }
}
@mixin md {
  @media screen and (max-width: ($md)) {
    @content;
  }
}
@mixin sm {
  @media screen and (max-width: ($sm)) {
    @content;
  }
}
@mixin xs {
  @media screen and (max-width: ($xs)) {
    @content;
  }
}
//ブレイクポイントを指定------ここまで

//メインカラー指定
$color-pink: #ed848b;
$color-blue: #007ac5;
$color-yellow: #fff2cb;
$color-orange: #f8ad4e;



//center------------------------------------
.ac-menu .accordion-title:before {
	@include xs {
		top: 18px;	
	}
}

#page-intro {
	.links {
		@include sm {
			margin-top: 3rem;
		}
		li a {
			@include lg {
				font-size: 15px;
				font-size: 1.5rem;
			}
			@include sm {
				width: 68%;
			}
			@include xs {
				font-size: 13px;
				font-size: 1.3rem;
				width: 90%;
			}			
		}
	}	
}

#takahashi-center,#nariwa-center {
	h2 {
		@include sm {
			font-size: 16px;
			font-size: 1.6rem;
		}
	}
	.center-table {
		width: 90%;
		margin: auto;
		margin-top: 1rem;
		td:first-child {
			width: 50%;
		}
		li {
			padding: 5px;
		}
		table {
			width: 100%;
			text-align: center;
			&:first-child {
				@include sm {
					margin-bottom: 0rem;
				}
				@include xs {
				}
			}
			tr {
				border-top: 1px dotted #979797;
				padding-left: 1rem;
				padding-right: 1rem;
				th {
					font-weight: normal;
					background: #FFF2D0;
					padding: 1rem;
					border-right: 1px dotted #979797;
					width: 5rem;
					@include xs {
						display: revert;
						width: 3rem;
					}
				}
				td {
					padding: 1rem;
					line-height: 1.5em;
					border-right: 1px dotted #979797;
					&:last-child {
						border-right: none;
					}
					@include xs {
						display: revert;
						width: revert;
					}
				}
			}
		}
	}
	.room-img {
		margin: auto;
		width: 92%;
		img {
			padding-top: 1.5rem;
		}
		li {
			padding-left: 1rem;
			padding-right: 1rem;
		}
	}
	.map-img {
		text-align: center;
		img {
			width: 345px;
			margin-top :3rem;
		}
	}
	.links {
		@include sm {
			margin-top: 3rem;
		}
		li a {
			@include sm {
  			width: 60%;
			}
			@include xs {
  			width: 90%;
			}			
		}
	}
	section + section {
		table{
			tr{
				th{
					width: 50%;
					text-align: left;
					text-justify:inherit;
					text-align-last: inherit;
					text-justify:inherit;
					padding-right: 4rem;
					padding-left: 4rem;
					@include sm {
						width: 40%;
					}
					@include xs {
						width: 100%;
						display: block;
						text-align: center;
					}
				}
				td{
					width: 50%;
					text-align: center;
					@include xs {
						width: 100%;
						display: block;
					}
				}
			}
		}
	}
}