@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-main: #000000;

#renewal {
	height: 100vh;
	display: flex;
	align-items: center;
	h1 {
		color: #289C4C;
		font-size: 28px;
		font-size: 2.8rem;
		font-weight: bold;
		letter-spacing: 0.05em;
		line-height: 1.6;
		margin-bottom: 3rem;
		@include xs {
			font-size: 25px;
			font-size: 2.5rem;
			margin-bottom: 2rem;
		}
	}
	p {
		font-size: 14px;
		font-size: 1.4rem;
		@include xs {
			text-align: justify;
		}
	}
	.phone {
		display: inline-block;
		border: solid 1px #333333;
		padding: 1em 4em;
		margin-top: 6rem;
		@include xs {
			padding: 1em 2em;
			margin-top: 3rem;
		}
		p {
			text-align: center;
			span {
				display: block;
				font-size: 20px;
				font-size: 2rem;
				font-weight: 600;
				margin-top: 2rem;
			}
		}
		a {
			font-family: "Montserrat", sans-serif;
			font-size: 32px;
			font-size: 3.2rem;
			font-weight: 600;
			letter-spacing: 0.075em;
			color: #333;
		}
	}
}