@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;


//枠・余白-----------------------------------
.frame {
	background-color: #FFFFFF;
	border: solid 1px $color-pink;
	margin: 0rem 2rem 3rem 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.inner {
	margin-top: 2.5rem;
	margin-bottom: 2.5rem;
	width: 94%;
	@include sm {
		margin-top: 2rem;
		margin-bottom: 2rem;
		width: 90%
	}
}
		



//homepage----------------------------------
#access {
	ul {
		padding-left: 0;
		padding-top: 1.3rem;
		li {
			display: inline-block;
			padding-left: 1.5rem;
			border-left: 5px solid #ffe6a1;
			padding-right: 1.5rem;
			vertical-align :text-top;
			@include lg {
				&:nth-child(2) {
					margin-top: 1.3rem;
				}
		}
			span {
				font-size: 17px;
				font-size: 1.7rem;
				@include xs {
					font-size: 16px;
					font-size: 1.6rem;
				}
			}
		}
	}
	dl {
		margin-bottom: 0;
	}
	dt {
		color: $color-pink;
		font-size: 23px;
		font-size: 2.3rem;
		padding-bottom: 1rem;
		font-weight: 500;
		@include xs {
			font-size: 17px;
			font-size: 1.7rem;
			line-height: 2.3rem;
			padding-bottom: 0.5rem;
		}
	}
	dd {
		line-height: 2.3rem;
		margin-bottom: 0;
		@include xs {
			font-size: 14px;
			font-size: 1.4rem;
			line-height: 2rem;
		}
	}
	.map-address {
		border: solid 1px #cacaca;
		padding: 1rem 0.6rem 0.3rem 1.3rem;
		margin-top: 1.3rem;
		vertical-align: middle;
		p {
			color: #4d4d4d;
			&::before {
				font-family: "Font Awesome 5 Free";
				content: "\f3c5";
				padding-right: 1.5rem;
				font-weight: 600;
				color: #ff911e;
				font-size: 25px;
				font-size: 2.5rem;
			}
		}
		&:hover {
			background-color: #e4e4e4;
		}
	}
}