@charset "UTF-8";
/*====================================================
form基本スタイル
====================================================*/
/* 共通
----------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea,
select {
	width: 100%;
	border: 1px solid #c2d9ee;
	background-color: #fff;
	border-radius: 10px;
	font-weight: 500;
	line-height: 1.6;
	font-size: 16px;
	padding: 16px 16px;
}
@media screen and (max-width: 768px) {
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	textarea,
	select {
		font-size: calc(16 * var(--width-ratio-1280));
	}
}

select {
	cursor: pointer;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
	cursor: text;
}

/* input
----------------------------------------------- */
input::placeholder {
	color: #c2d9ee;
}

input[type="text"] {
	width: 100%;
}

/* checkbox
----------------------------------------------- */
input[type="checkbox"] {
	cursor: pointer;
}
/* select
----------------------------------------------- */
select {
	appearance: none;
}

/* textarea
----------------------------------------------- */
textarea {
	width: 100%;
	resize: vertical;
	min-height: 12em;
}
textarea::placeholder {
	color: #ccc;
}

/* button submit
----------------------------------------------- */
button:not(:disabled) {
	cursor: pointer;
	transition: all 0.3s ease;
	transition-property: opacity;
}

button:not(:disabled):focus-visible {
	opacity: 0.8;
}
@media (any-hover: hover) {
	button:not(:disabled):hover {
		opacity: 0.8;
	}
}
button:disabled {
	cursor: not-allowed;
}

/*====================================================
p-contact-sec1
====================================================*/

/* p-contact-sec1__box
----------------------------------------------- */
.p-contact-sec1__box {
	border-radius: 10px;
	background-color: #f1f9fe;
	border: 1px solid #d7e7ff;
	padding: calc(24 * var(--width-ratio-1280));
}
@media screen and (max-width: 768px) {
	.p-contact-sec1__box {
		padding: calc(16 * var(--width-ratio-1280));
	}
}

.p-contact-sec1__box--text {
	color: #62748e;
	line-height: 1.6;
	font-size: calc(16 * var(--width-ratio-1280));
}

/*====================================================
THANKSページ
====================================================*/

.p-thanks-sec1__text1 {
	color: #62748e;
}