@charset "utf-8";

.pgTtl.mini{
	display: block;
	width: 100%;
	margin-top: 145px;
}
.pgTtl.mini .ttlWrap{
	display: block;
	background-color: #013528;
	width: 100%;
	padding: 45px 0;
}
.pgTtl.mini h2{
	font-size: 30px;
	color: #fff;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.pgTtl.mini{
		margin-top: 17.333%;
	}
	.pgTtl.mini .ttlWrap{
		padding: 7.333% 0;
	}
	.pgTtl.mini h2{
		font-size: 5.6vw;
	}
}

.contentsBlk{
	padding-bottom: 90px;
	margin-top: 75px;
}
.contentsBlk.confirm{
	overflow: hidden;
}
.contents_inner{
	position: relative;
	max-width: 800px;
	padding: 0 20px;
	margin: 0 auto;
	font-size: 0;
}
.contents_inner p{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 2;
}
.finish .contents_inner p{
	margin-bottom: 220px;
}
.contents_inner p a{
	text-decoration: underline;
	color: #222;
}
.contents_inner .line_box{
	display: inline-block;
	border: solid 1px #ccc;
	width: auto;
	padding: 10px 20px;
}
@media screen and (max-width: 768px) {
	.contentsBlk{
		padding-bottom: 14.667%;
		margin-top: 10.769%;
	}
	.contents_inner{
		max-width: 86.667%;
		padding: 0;
	}
	.contents_inner p{
		margin-bottom: 6.154%;
		font-size: 3.2vw;
		line-height: 1.667;
	}
	.finish .contents_inner p{
		margin-bottom: 20%;
	}
	.contents_inner .line_box{
		width: 100%;
		padding: 5.385%;
		box-sizing: border-box;
	}
}

.h-adr{
	border-top: solid 1px #ccc;
	margin-top: 75px;
}
.form-group{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: solid 1px #ccc;
	width: 100%;
	padding: 18px 0;
}
.form-group p{
	margin-bottom: 0;
}
.form-group label{
	position: relative;
	width: 200px;
	font-size: 15px;
}
.form-group label .badge{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	background-color: #d62412;
	width: 47px;
	padding: 2px 0;
	font-size: 13px;
	color: #fff;
	text-align: center;
}
.form-group .input{
	position: relative;
	width: 580px;
	font-size: 15px;
}
.form-group .input .form-text{
	font-size: 15px;
}
.form-group .input .form-text.cap{
	font-size: 13px;
}
.form-group input[type=text],
.form-group input[type=email],
.form-group textarea,
.form-group select {
	display: block;
	width: 100%;
	margin: 0;
	padding: 15px;
	background-color: #f8f8f8;
	border: solid 1px #ccc;
	border-radius: 0;
	font-size: 15px;
	outline: none;
	-webkit-appearance: none;
		-moz-appearance: none;
			appearance: none;
	resize: vertical;
	box-sizing: border-box;
}
.form-group .checkWrap {
	font-size: 0;
}
.form-group .form-input-hint {
	font-size: 15px;
}
.form-group .form-inline {
	display: inline-block;
	width: calc(100% / 3);
	margin-bottom: 5px;
}
.form-group .form-block {
	display: inline-block;
	width: 100%;
	margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
	.h-adr{
		margin-top: 10.769%;
	}
	.form-group{
		display: block;
		width: 100%;
		padding: 4.615% 0;
	}
	.form-group label{
		display: inline-block;
		width: auto;
		padding-right: 15.385%;
		margin-bottom: 4.308%;
		font-size: 3.467vw;
	}
	.form-group label .badge{
		width: 10.267vw;
		padding: 0.4vw 0;
		font-size: 2.667vw;
	}
	.form-group .input{
		width: 100%;
		font-size: 3.467vw;
	}
	.form-group .input .form-text{
		margin-bottom: 1.333vw;
		font-size: 3.2vw;
	}
	.form-group .input .form-text.cap{
		font-size: 2.667vw;
	}
	.form-group input[type=text],
	.form-group input[type=email],
	.form-group textarea,
	.form-group select {
		padding: 4.615% 2.308%;
font-size: 3.467vw;
	}
	.form-group .form-input-hint {
		font-size: 3.2vw;
	}
	.form-group .form-inline {
		display: inline-block;
		width: 44.615%;
		padding-right: 0;
		margin-bottom: 1.333vw;
	}
	.form-group .form-block {
		padding-right: 0;
		margin-bottom: 1.333vw;
	}
}

.text-center {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 80px;
}
.text-center .btn {
	position: relative;
	box-sizing: border-box;
	display: block;
	max-width: 100%;
	width: 400px;
	margin: 0 auto;
	padding: 20px 0;
	color: #fff;
	font-size: 16px;
	background: #013528;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: opacity 0.3s;
	opacity: 1;
}
.text-center .btn:hover {
	opacity: 0.7;
}
.text-center .btn span {
	position: relative;
	display: block;
	font-family: YakuHanMP_Noto, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
	font-feature-settings: "palt" 1;
}
.text-center .btn span:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	display: block;
	background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.12%2013.94%22%3E%3Cpath%20d%3D%22M9.11%2C0%2C7.78%2C1.31%2C12.54%2C6H0V7.89H12.54L7.78%2C12.61l1.33%2C1.31L14.8%2C8.27%2C16.13%2C7Z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E') no-repeat center/contain;
	width: 18px;
	height: 0;
	padding-bottom: 14px;
	margin: auto 20px;
}
.text-center .btn.back span {
	padding: 0 0 0 60px;
}
.text-center .btn.back span:before {
	right: auto;
	left: 0;
	transform: rotate(-180deg);
}
@media only screen and (max-width:767px) {
	.text-center {
		margin-top: 14.667%;
	}
	.text-center .btn {
		width: 100%;
		padding: 3.077% 0;
		font-size: 3.2vw;
	}
	.text-center .btn:hover {
		opacity: 1;
	}
	.text-center .btn span:before {
		width: 2.667vw;
		padding-bottom: 2.267vw;
		margin: auto 3.077%;
	}
	.text-center .btn.back span {
	}
	.text-center .btn.back span:before {
	}
}


.form-input-hint{
	color: #d62412;
}
.contents_inner h3{
	margin-bottom: 15px;
	font-size: 20px;
}
.contents_inner .error{
	color: #d62412;
}
.contents_inner h4{
	margin-bottom: 5px;
	font-size: 16px;
}
.contents_inner .section{
	margin-bottom: 30px;
}

.text-center.pt-2 {
	justify-content: space-between;
}
.text-center input[type=submit] {
	position: relative;
	box-sizing: border-box;
	display: block;
	max-width: 100%;
	width: 390px;
	margin: 0 auto;
	padding: 20px 0;
	color: #fff;
	font-family: YakuHanMP_Noto, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
	font-feature-settings: "palt" 1;
	font-size: 16px;
	background: #013528;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: opacity 0.3s;
	opacity: 1;
}
.text-center input[type=submit] {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.12%2013.94%22%3E%3Cpath%20d%3D%22M7%2C13.92l1.33-1.31L3.59%2C7.92H16.13V6H3.59L8.35%2C1.31%2C7%2C0%2C1.33%2C5.65%2C0%2C6.92Z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E');
	background-size: 18px auto;
	background-position: left 20px center;
	background-repeat: no-repeat;
}
.text-center input[type=submit].btn-primary {
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.12%2013.94%22%3E%3Cpath%20d%3D%22M9.11%2C0%2C7.78%2C1.31%2C12.54%2C6H0V7.89H12.54L7.78%2C12.61l1.33%2C1.31L14.8%2C8.27%2C16.13%2C7Z%22%20style%3D%22fill%3A%23fff%3Bfill-rule%3Aevenodd%22%2F%3E%3C%2Fsvg%3E');
	background-position: right 20px center;
}
@media only screen and (max-width:767px) {
	.contents_inner h3{
		margin-bottom: 2.667%;
		font-size: 4.8vw;
	}
	.contents_inner h4{
		margin-bottom: 1.333%;
		font-size: 3.773vw;
	}
	.contents_inner .section{
		margin-bottom: 4%;
	}

	.text-center.pt-2 {
		display: block;
	}
	.text-center input[type=submit] {
		width: 100%;
		padding: 3.077% 0;
		font-size: 3.2vw;
	}
	.text-center input[type=submit] {
		background-size: 2.667vw auto;
		background-position: left 2.667vw center;
	}
	.text-center input[type=submit].btn-primary {
		background-position: right 2.667vw center;
		margin-top: 2.667%;
	}
}


.zipcode-wrap {
	display: flex;
	align-items: center;
	margin-bottom: 33px;
}
.zipcode-wrap .title {
	height: fit-content;
	margin-right: 20px;
}
.zipcode_input_area .annotation {
	position: absolute;
}
.zipcode-wrap .annotation,
.address-wrap .annotation,
.files-wrap .annotation{
	font-size: 12px;
}

.files-wrap:first-child {
	margin-bottom: 18px;
}
.files-wrap .title p {
	margin-bottom: 5px;
}

.files-wrap input {
	cursor: pointer;
  padding: 0;
  background: none;
/*   border: solid 1px #8595a0;
  border-color: #8595a0;
  border-radius: 0; */
  outline: none;
  outline-color: #738eae;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	width: 400px;
/*   padding: 12.5px 11px; */
/*   max-width: 242px; */
/*   min-width: 240px; */

}
.files-wrap  input::file-selector-button {
  font-weight: bold;
  color: #333333;
  background: #e8e8e8;
  font-size: 14px;
  border: 0;
  border-radius: initial;
  padding: 13px 16px;
  text-align: center;
	min-width: 150px;
	font-family: "FP-ヒラギノ角ゴ ProN W3";
}
.files-wrap  input::file-upload-button {
  font-weight: bold;
  color: #333333;
  background: #e8e8e8;
  font-size: 14px;
  border: 0;
  border-radius: initial;
  padding: 13px 16px;
  text-align: center;
	min-width: 150px;
	font-family: "FP-ヒラギノ角ゴ ProN W3";
}
.files-wrap input::file-selector-button:hover {
  background: #dcdcdc;
}
/* クリック（アクティブ）時 */
.files-wrap input::file-selector-button:active {
  background: #cccccc;
  transform: scale(0.98);
}

.file-input-wrap {
	font-size: 15px;
}
.file-input-wrap a {
	text-decoration: underline;
  color: #222;
}

.files-wrap {
	position: relative;
  width: 580px;
  font-size: 15px;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.file_confirm .file-input-wrap {
	opacity: 0;
	/* display: none; */
	transition: opacity 0.3s;
}
.file_confirm .file-input-wrap.visible {
	opacity: 1;
	transition: opacity 0.3s;
	/* display: block; */
}
@media only screen and (max-width:767px) {
	.zipcode-wrap {
		margin-bottom: 8vw;
	}
	.zipcode-wrap .annotation,
	.address-wrap .annotation,
  .files-wrap .annotation {
		font-size: 3.2vw;
	}
	.files-wrap {
		display: block; 
		width: 100%;
	}
	.files-wrap .title p {
		margin-bottom: 1vw;
	}
  .files-wrap input {
    font-size: 3.2vw;
    padding: 2.2vw 2.2vw;
    max-width: initial;
    min-width: initial;
    width: 100%;
		display: block;
  }
	.files-wrap  input::file-selector-button {
/* 		padding: initial; */
    font-size: calc(24 / var(--media_sp) * 100vw);
    padding: 2.3vw 0;
/*     text-align: center; */
    min-width: initial;
    width: 38.298%;
	}
}

.removeBtn {
	cursor: pointer;
}

#file-remove01,
#file-remove02 {
	cursor: pointer;
  padding: initial;
  background: initial;
  outline: initial;
  outline-color: #738eae;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  box-shadow: initial;
  font-size: initial;
	width: initial;
}