@charset "UTF-8";
/*--------------------------------------------------
  ページタイトル
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	.heading_ja_2 {
		font-size: 1.75rem;
	}

	.subpage .heading_en_1 {
		font-size: 1.9rem;
	}
}


/*--------------------------------------------------
  キャッチコピー１
--------------------------------------------------*/
.catch_1 {
	max-width: 850px;
	width: 100%;
	margin: 50px auto 0;
	font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
	.catch_1 {
		margin-top: 30px;
		font-size: 1.1rem;
	}
}


/*--------------------------------------------------
  フォーム
--------------------------------------------------*/
.form_box {
	max-width: 850px;
	width: 90%;
	margin: 65px auto 0;
	padding: 50px 0;
}
@media screen and (max-width: 767px) {
	.form_box {
		margin-top: 30px;
		padding: 15px 0 30px;
	}
}

.form_box .form_item {
	display: flex;
	padding: 15px 0;
}
@media screen and (max-width: 767px) {
	.form_box .form_item {
		flex-direction: column;
		gap: 10px;
	}
}

.form_box .form_item .item_name {
	width: 220px;
}
@media screen and (max-width: 767px) {
	.form_box .form_item .item_name {
		width: 100%;
	}
}

.form_box .item_name .must::after,
.form_box .item_name .option::after{
	display: block;
	width: 40px;
	padding: 2px 5px;
	border-radius: 4px;
	text-align: center;
	font-size: 0.75rem;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.form_box .item_name .must::after,
	.form_box .item_name .option::after{
		display: inline-block;
		width: auto;
		margin-left: 5px;
	}
}

.form_box .item_name .must::after{
	content: '必須';
	background-color: #fd0001;
}

.form_box .item_name .option::after{
	content: '任意';
	background-color: #636361;
}

.form_box .form_item .item_content {
	width: 630px;
}
@media screen and (max-width: 767px) {
	.form_box .form_item .item_content {
		width: 100%;
	}
}

/* ラベル */
.form_box label {
	display: block;
	margin-bottom: 0.25rem;
	/* font-weight: 600; */
}

/* 共通の入力フィールドスタイル */
.form_box input[type="text"],
.form_box input[type="email"],
.form_box input[type="password"],
.form_box input[type="number"],
.form_box input[type="tel"],
.form_box input[type="url"],
.form_box select,
.form_box textarea {
	transition: border-color 0.2s, box-shadow 0.2s;
	width: 100%;
	margin-bottom: 1rem;
	padding: 0.5rem 0.75rem;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.form_box input[type="text"],
	.form_box input[type="email"],
	.form_box input[type="password"],
	.form_box input[type="number"],
	.form_box input[type="tel"],
	.form_box input[type="url"],
	.form_box select,
	.form_box textarea {
		font-size: 16px;
	}
}

.form_box input.zipcode{
	width: 35%;
}

/* フォーカス時のスタイル */
.form_box input:focus,
.form_box select:focus,
.form_box textarea:focus {
	outline: none;
	border-color: #0077cc;
	box-shadow: 0 0 0 3px rgba(0, 119, 204, 0.2);
}

/* テキストエリアの高さ調整 */
.form_box textarea {
	resize: vertical;
	min-height: 100px;
}

/* チェックボックス・ラジオボタン */
.form_box input[type="checkbox"],
.form_box input[type="radio"] {
	margin-right: 0.5rem;
}

.form_section .item_content .wpcf7-list-item,
.privacy_check_box .wpcf7-list-item{
	margin: 0;
}

.privacy_check_box{
	margin: 30px 0 0 0;
}

/* ボタン */
.form_box button,
.form_box input[type="submit"],
.form_box input[type="button"] {
	cursor: pointer;
	position: relative;
	display: block;
	width: 310px;
	padding: 15px 10px;
	background: #00b9ff url(../imgs/other/arrow_white.png) no-repeat right 90px center / 20px;;
	text-align: center;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.form_box button,
	.form_box input[type="submit"],
	.form_box input[type="button"] {
		width: 70%;
		font-size: 16px;
		background-position: right 13vw center;
	}
}

.form_box input[type="submit"]{
	margin: 40px auto 0;
}

/* ホバー時 */
.form_box button:hover,
.form_box input[type="submit"]:hover,
.form_box input[type="button"]:hover {
	background-color: #005fa3;
}

/* フィールドセットとレジェンド */
.form_box fieldset {
	margin-bottom: 1rem;
	padding: 1rem;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.form_box legend {
	padding: 0 0.5rem;
	font-weight: bold;
}

/* エラーメッセージ */
.wpcf7-not-valid-tip{
	margin: -15px 0 20px;
}