@charset "UTF-8";
@media screen and (min-width: 768px), print {
	/* PC表示のスタイルを記述 */

	/*# 共通
    -----------------------------------*/
/*
	#contact .main-title .en img {
		height: 42px;
	}
*/
	/*# sec1
    -----------------------------------*/

	.contact-sec1 {
		margin-top: 57px;
		padding-bottom: 121px;
	}

	.contact-sec1__box {
		margin-inline: auto;
		background-color: #efeeea;
		border: solid 1px #e4e2db;
		padding: 38px 202px 52px;
		width: 1099px;
	}

	.contact-sec1__title {
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 2.4px;
		text-align: center;
	}

	.contact-sec1__tel {
		margin-inline: auto;
		display: block;
		height: 133px;
		margin-top: 23px;
		width: 695px;
	}

	.contact-sec1__copy {
		margin-inline: auto;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #fff;
		border-radius: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 20px;
		font-weight: 500;
		height: 49px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		letter-spacing: 1px;
		line-height: 1.6;
		margin-top: 46px;
		text-align: center;
		width: 575px;
	}

	.contact-sec1__list {
		margin-inline: auto;
		margin-top: 17px;
		width: -moz-fit-content;
		width: -webkit-fit-content;
		width: fit-content;
	}

	.contact-sec1__list li {
		font-size: 17px;
		letter-spacing: 0.85px;
		line-height: 1.88;
	}

	/*# sec2
    -----------------------------------*/

	.contact-sec2 {
		padding-block: 115px 236px;
		background-color: #e4e2db;
	}

	.contact-sec2__box {
		margin-inline: auto;
		width: 1099px;
	}

	.contact-sec2__box-header {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #3c3c3c;
		border-radius: 3px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 103px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.contact-sec2__box-title {
		color: #fff;
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 2.4px;
		line-height: 1.46;
		text-align: center;
	}

	.contact-sec2__container {
		background-color: #fff;
		/*padding: 56px 128px 140px;*/
		padding: 56px 128px 0;
	}

	.contact-sec2__box-list:nth-of-type(n + 2) {
		margin-top: 36px;
	}

	.contact-sec2__box-list li {
		color: #1a1a1a;
		font-size: 15px;
		letter-spacing: 0.75px;
		line-height: 2.13;
	}

	.contact-sec2__form {
		margin-top: 95px;
	}

	.contact-sec2__form-item {
		padding-block: 26px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-bottom: solid 1px #707070;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-right: 130px;
	}

	.contact-sec2__form-item-title {
		gap: 14px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		font-size: 15px;
		letter-spacing: 0.75px;
		width: 236px;
	}

	.contact-sec2__form-item-required {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #ad0000;
		color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 12px;
		height: 19px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		letter-spacing: 0.6px;
		text-align: center;
		width: 42px;
	}

	.contact-sec2__form-item-input {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}

	.contact-sec2__form-item-input input {
		background-color: #fff;
		border: solid 1px #707070;
		font-size: 15px;
		height: 38px;
		padding: 7px 15px 9px;
		width: 100%;
	}

	.contact-sec2__form-item-input input[type='checkbox'] {
		height: 15px;
		width: 15px;
	}

	.contact-sec2__form-item-input textarea {
		background-color: #fff;
		border: solid 1px #707070;
		font-size: 15px;
		height: 180px;
		padding: 7px 15px 9px;
		resize: vertical;
		width: 100%;
	}

	.contact-sec2__form-item-input.--2col {
		gap: 13px;
	}

	.contact-sec2__checkbox-group {
		gap: 5px 10px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.contact-sec2__checkbox {
		gap: 5px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.contact-sec2__checkbox-text {
		font-size: 16px;
		letter-spacing: 0.8px;
	}

	.contact-sec2__form-item.--policy {
		border: solid 1px #707070;
		height: 180px;
		margin-top: 40px;
		overflow-y: auto;
		padding: 7px 15px 9px;
	}

	.contact-sec2__form-btn-wrapper {
		margin-top: 90px;
	}

	.contact-sec2__form-btn-wrapper:nth-of-type(n + 2) {
		margin-top: 41px;
	}

	.contact-sec2__form-btn-wrapper.--2col {
		gap: 37px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.contact-sec2__form-btn {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 16px;
		height: 91px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		letter-spacing: 0.8px;
		position: relative;
		text-align: center;
		width: 390px;
	}

	.contact-sec2__form-btn::after {
		color: #fff;
		content: '→';
		display: block;
		font-size: 18px;
		letter-spacing: 0.9px;
		position: absolute;
		right: 19px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.contact-sec2__form-btn.--submit {
		margin-inline: auto;
		background-color: #a1876d;
	}

	.contact-sec2__form-btn.--back {
		background-color: #fff;
		border: solid 1px #3c3c3c;
		color: #3c3c3c;
	}

	.contact-sec2__form-btn.--back::after {
		color: #3c3c3c;
	}

	.contact-sec2__form-btn.--confirm {
		background-color: #3c3c3c;
	}
}

@media screen and (max-width: 767px) {
	/* SP表示のスタイルを記述 */

	/*# sec1
    -----------------------------------*/

	.contact-sec1 {
		margin-top: 13.768vw;
		padding-bottom: 29.227vw;
	}

	.contact-sec1__box {
		margin-inline: auto;
		background-color: #efeeea;
		border: solid 1px #e4e2db;
		padding: 9.662vw 4.831vw 13.285vw;
	}

	.contact-sec1__title {
		font-size: 4.831vw;
		font-weight: 500;
		letter-spacing: 0.58vw;
		text-align: center;
	}

	.contact-sec1__tel {
		margin-inline: auto;
		display: block;
		margin-top: 7.246vw;
	}

	.contact-sec1__copy {
		margin-inline: auto;
		padding-block: 4.831vw;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #fff;
		border-radius: 6.039vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 4.348vw;
		font-weight: 500;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		letter-spacing: 0.242vw;
		line-height: 1.6;
		margin-top: 11.111vw;
		text-align: center;
	}

	.contact-sec1__list {
		margin-inline: auto;
		margin-top: 4.831vw;
		width: -moz-fit-content;
		width: -webkit-fit-content;
		width: fit-content;
	}

	.contact-sec1__list li {
		font-size: 4.106vw;
		letter-spacing: 0.205vw;
		line-height: 1.88;
		padding-left: 1rem;
		text-indent: -1em;
	}

	/*# sec2
    -----------------------------------*/

	.contact-sec2 {
		padding-block: 24.155vw 36.232vw;
		background-color: #e4e2db;
	}

	.contact-sec2__box-header {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #3c3c3c;
		border-radius: 0.725vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 24.879vw;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.contact-sec2__box-title {
		color: #fff;
		font-size: 5.797vw;
		font-weight: 500;
		letter-spacing: 0.58vw;
		line-height: 1.46;
		text-align: center;
	}

	.contact-sec2__container {
		background-color: #fff;
		padding: 12.077vw 4.831vw;
	}

	.contact-sec2__box-list:nth-of-type(n + 2) {
		margin-top: 8.696vw;
	}

	.contact-sec2__box-list li {
		color: #1a1a1a;
		font-size: 3.623vw;
		letter-spacing: 0.181vw;
		line-height: 2.13;
		padding-left: 1rem;
		text-indent: -1em;
	}

	.contact-sec2__form {
		margin-top: 12.077vw;
	}

	.contact-sec2__form-item {
		padding-block: 6.28vw;
		border-bottom: solid 1px #707070;
	}

	.contact-sec2__form-item-title {
		gap: 3.382vw;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 3.623vw;
		letter-spacing: 0.181vw;
	}

	.contact-sec2__form-item-required {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #ad0000;
		color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 2.899vw;
		height: 4.589vw;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		letter-spacing: 0.145vw;
		text-align: center;
		width: 10.145vw;
	}

	.contact-sec2__form-item-input {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 4.831vw;
		width: 100%;
	}

	.contact-sec2__form-item-input input {
		background-color: #fff;
		border: solid 1px #707070;
		font-size: 3.623vw;
		height: 6.039vw;
		padding: 1.691vw 3.623vw 2.174vw;
		width: 100%;
	}

	.contact-sec2__form-item-input input[type='checkbox'] {
		height: 3.623vw;
		width: 3.623vw;
	}

	.contact-sec2__form-item-input textarea {
		background-color: #fff;
		border: solid 1px #707070;
		font-size: 3.623vw;
		height: 43.478vw;
		padding: 1.691vw 3.623vw 2.174vw;
		resize: vertical;
		width: 100%;
	}

	.contact-sec2__form-item-input.--2col {
		gap: 2.415vw;
	}

	.contact-sec2__checkbox-group {
		gap: 1.208vw 2.415vw;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.contact-sec2__checkbox {
		gap: 1.208vw;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.contact-sec2__checkbox-text {
		font-size: 3.865vw;
		letter-spacing: 0.193vw;
	}

	.contact-sec2__form-item.--policy {
		border: solid 1px #707070;
		height: 43.478vw;
		margin-top: 9.662vw;
		overflow-y: auto;
		padding: 1.691vw 3.623vw 2.174vw;
	}

	.contact-sec2__form-btn-wrapper {
		margin-top: 21.739vw;
	}

	.contact-sec2__form-btn-wrapper:nth-of-type(n + 2) {
		margin-top: 9.903vw;
	}

	.contact-sec2__form-btn:nth-of-type(n + 2) {
		margin-top: 9.903vw;
	}

	.contact-sec2__form-btn {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: 3.865vw;
		height: 17.391vw;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		letter-spacing: 0.193vw;
		max-width: 94.203vw;
		position: relative;
		text-align: center;
	}

	.contact-sec2__form-btn::after {
		color: #fff;
		content: '→';
		display: block;
		font-size: 4.348vw;
		letter-spacing: 0.217vw;
		position: absolute;
		right: 4.589vw;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.contact-sec2__form-btn.--submit {
		margin-inline: auto;
		background-color: #a1876d;
	}

	.contact-sec2__form-btn.--back {
		background-color: #fff;
		border: solid 1px #3c3c3c;
		color: #3c3c3c;
	}

	.contact-sec2__form-btn.--back::after {
		color: #3c3c3c;
	}

	.contact-sec2__form-btn.--confirm {
		background-color: #3c3c3c;
	}
}