/* リキッドレイアウト対応 */

body {
	color: #111;
	font-family: "Noto Sans JP", sans-serif;
}

#renewal {
	display: flex;
	flex-direction: column;
	height: 100dvh;
	margin: 0;
}

#renewal main {
	align-items: center;
	display: flex;
	flex: 1;
	justify-content: center;
}

.u-pc {
	display: none;
}

html {
	font-size: 16px;
}

/* pcの電話番号発信対応 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Remove default padding */

ul,
ol {
	padding: 0;
}

/* Remove default margin */

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
	margin: 0;
}

/* Set core root defaults */

html {
	scroll-behavior: smooth;
}

/* Set core body defaults */

body {
	line-height: 1.5;
	min-height: 100vh;
	text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */

ul,
ol {
	list-style: none;
}

/* A elements that don't have a class get default styles */

a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

/* Make images easier to work with */

img {
	display: block;
	max-width: 100%;
	width: 100%;
}

/* Natural flow and rhythm in articles by default */

article > * + * {
	margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */

input,
button,
textarea,
select {
	font: inherit;
}

/* Blur images when they have no alt attribute */

img:not([alt]) {
	filter: blur(10px);
}

/* フォームリセット */

input,
button,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}

textarea {
	resize: vertical;
}

input[type=checkbox],
input[type=radio] {
	display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
	cursor: pointer;
}

select::-ms-expand {
	display: none;
}

/* ホバー */

a {
	-webkit-text-decoration: none;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s;
}

.footer {
	align-items: center;
	background-color: #000;
	color: #fff;
	display: grid;
	justify-items: center;
	padding-bottom: 0.625rem;
	padding-top: 0.625rem;
	place-items: center;
}

.header {
	background-color: #fff;
	height: 2.5rem;
}

.header__inner.inner {
	align-items: center;
	display: flex;
	height: inherit;
}

.header__logo {
	aspect-ratio: 720/215;
	max-width: 4.5rem;
	width: 100%;
}

.header__logo a {
	display: flex;
}

.header__logo img {
	-o-object-fit: contain;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.renewal__inner {
	padding-bottom: 1.875rem;
	padding-top: 1.875rem;
}

.renewal__icon {
	font-size: 4rem;
	text-align: center;
}

.renewal__logo {
	aspect-ratio: 720/215;
	margin-left: auto;
	margin-right: auto;
	width: max(10rem, min(53.3333333333vw, 15rem));
}

.renewal__logo img {
	-o-object-fit: contain;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.renewal__text {
	color: #111;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
	text-align: center;
}

.renewal__links {
	-moz-column-gap: 1.875rem;
	column-gap: 1.875rem;
	display: flex;
	justify-content: center;
}

.renewal__links a {
	color: #111;
	font-size: 1rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
	text-align: center;
}

.inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

.ib {
	display: inline-block;
}

.mt__32-64 {
	margin-top: 2rem;
}

.mt__24-48 {
	margin-top: 1.5rem;
}

.mt__16-32 {
	margin-top: 1rem;
}

@media (hover: hover) {

a:hover {
	opacity: 0.8;
}

.renewal__links a:hover {
	-webkit-text-decoration: underline;
	color: #A81C1C;
	text-decoration: underline;
}

}

@media screen and (min-width: 768px) {

.u-pc {
	display: block;
}

.u-sp {
	display: none;
}

html {
	font-size: 1.4814814815vw;
}

a[href^="tel:"] {
	pointer-events: none;
}

.header {
	height: 4.375rem;
}

.renewal__icon {
	font-size: 8rem;
}

.renewal__logo {
	width: max(17.5rem, min(22.2222222222vw, 25rem));
}

.renewal__text {
	font-size: 1.125rem;
}

.renewal__links a {
	font-size: 1.125rem;
}

.inner {
	max-width: 1130px;
	padding-left: 25px;
	padding-right: 25px;
}

.mt__32-64 {
	margin-top: 4rem;
}

.mt__24-48 {
	margin-top: 3rem;
}

.mt__16-32 {
	margin-top: 2rem;
}

}

@media (min-width: 1080px) {

html {
	font-size: 16px;
}

}

@media (max-width: 375px) {

html {
	font-size: 4.2666666667vw;
}

}


/*# sourceMappingURL=styles.css.map */