@charset "Shift_JIS";

.unq-str-breadcrumb {
	font-size: 1.2rem;
	position: absolute;
	z-index: 10;
	top: 12px;
	left: 48px
}

.unq-str-breadcrumb .unq-breadcrumb-list {
	display: flex
}

.unq-str-breadcrumb .unq-breadcrumb-list .list-item:not(:last-child) {
	position: relative;
	margin-right: 20px
}

.unq-str-breadcrumb .unq-breadcrumb-list .list-item:not(:last-child)::after {
	position: absolute;
	top: calc(50% - 2px);
	left: calc(100% + 5px);
	display: inline-block;
	width: 6px;
	height: 6px;
	content: '';
	transform: rotate(45deg);
	border-top: 1px solid;
	border-right: 1px solid
}

.unq-str-breadcrumb .unq-breadcrumb-list .list-item .list-link.is-current {
	text-decoration: none
}

.unq-str-bottom-breadcrumb-list {
	background-color: #f5f7f7
}

.unq-str-bottom-breadcrumb-list .unq-breadcrumb-list {
	font-size: 1.2rem;
	display: flex;
	width: 100%;
	padding: 15px;
	flex-wrap: wrap
}

.unq-str-bottom-breadcrumb-list .unq-breadcrumb-list .list-item:not(:last-child) {
	position: relative;
	margin-right: 20px
}

.unq-str-bottom-breadcrumb-list .unq-breadcrumb-list .list-item:not(:last-child)::after {
	position: absolute;
	top: calc(50% - 2px);
	left: calc(100% + 5px);
	display: inline-block;
	width: 6px;
	height: 6px;
	content: '';
	transform: rotate(45deg);
	border-top: 1px solid;
	border-right: 1px solid
}

.unq-str-bottom-breadcrumb-list .unq-breadcrumb-list .list-item .list-link.is-current {
	text-decoration: none
}

.unq-hdg-lv1 {
	text-align: center;
	background-color: #faf9f5
}

.unq-hdg-lv1 .wrapper {
	width: 100%;
	max-width: 1104px;
	margin: 0 auto;
	padding: 13px 14px 12px
}

.unq-hdg-lv1 .wrapper .hdg {
	font-size: 2.2rem;
	font-weight: 400;
	margin: 0;
	padding: 20px 0;
	color: #006
}

.str-confirmation {
	padding: 25px 0 50px;
	background-color: #fff
}

.con-hdg {
	font-size: 2rem;
	font-weight: 400;
	margin: 0 0 25px;
	padding-bottom: 13px;
	text-align: center;
	border-bottom: 2px solid #039
}

.txt {
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0
}

.txt .line {
	text-decoration: underline;
	color: #006
}

.txt .line:hover {
	text-decoration: none
}

.con-btn {
	width: 100%
}

.con-btn a {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	position: relative;
	display: block;
	padding: 15px 0;
	transition: opacity .3s;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, .2) 0 2px 4px
}

.con-btn a::before {
	position: absolute;
	top: 50%;
	right: 18px;
	width: 10px;
	height: 10px;
	content: '';
	transform: translateY(-50%) rotate(45deg);
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff
}

.con-btn a:active,
.con-btn a:focus,
.con-btn a:hover {
	opacity: .7
}

.con-btn a img {
	margin-right: 20px;
	vertical-align: middle
}

.btn-area .btn-top {
	margin-bottom: 25px
}

.btn-area .btn-bottom {
	margin-bottom: 20px
}

.subscription {
	margin-bottom: 10px
}

.subscription a {
	background-color: #f69c00
}

.subscribed a {
	background-color: #00bfb3
}

.existing-request a {
	font-size: 1.6rem;
	padding: 18px 0;
	color: #f69c00;
	background-color: #faf9f5
}

.existing-request a::before {
	position: absolute;
	top: 50%;
	right: 18px;
	width: 10px;
	height: 10px;
	content: '';
	transform: translateY(-50%) rotate(45deg);
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #f69c00
}

.str-reason {
	padding: 35px 0 25px;
	background-color: #f5f7f7
}

.col-reason .txt {
	margin-bottom: 0
}

.str-tel {
	padding: 32px 0 40px;
	background-color: #fff
}

.str-tel .box-estimate-tel {
	display: inline-block;
	padding: 25px 20px;
	border: 1px solid #dadada;
	background-color: #fff
}

.str-tel .box-estimate-tel .box-estimate-hdg {
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0 0 10px;
	text-align: center;
	color: #006
}

.str-tel .box-estimate-tel .icon-free-dial {
	width: 46px;
	margin-right: 5px
}

.str-tel .box-estimate-tel .number {
	display: flex;
	justify-content: center;
	align-items: center
}

.str-tel .box-estimate-tel .number .txt-number {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1;
	color: #006
}

.str-tel .box-estimate-tel .number .txt-number>a {
	text-decoration: none;
	color: #006
}

.str-tel .box-estimate-tel .txt-flx-container {
	display: flex;
	flex-direction: column;
	justify-content: center
}

.str-tel .box-estimate-tel .txt-reception-time {
	font-size: 1.2rem;
	margin: 9px 0 0;
	text-align: center
}

.str-tel .box-estimate-tel .txt-note {
	font-size: 1rem;
	margin: 6px 0 0;
	text-align: left
}

.str-tel .box-estimate-tel .txt-note .mark {
	margin-right: 5px
}

.detail-toggle {
	margin-top: 28px;
	margin-bottom: 30px;
	text-align: center
}

.detail-toggle button {
	font-size: 1.4rem;
	position: relative;
	margin: 0;
	text-decoration: underline
}

.detail-toggle button::before {
	position: absolute;
	top: calc(50% - 7px);
	left: -20px;
	width: 8px;
	height: 8px;
	content: '';
	transform: rotate(135deg);
	border-top: 2px solid #4066b3;
	border-right: 2px solid #4066b3
}

.detail-toggle button:hover {
	text-decoration: none
}

.detail-toggle button.is-active::before {
	position: absolute;
	top: calc(50% - 2px);
	left: -20px;
	width: 8px;
	height: 8px;
	content: '';
	transform: rotate(-45deg);
	border-top: 2px solid #4066b3;
	border-right: 2px solid #4066b3
}

@media screen and (min-width:1025px) {
	#contents-container {
		position: relative
	}

	.unq-hdg-lv1 .wrapper {
		padding: 43px 40px 20px
	}

	.unq-hdg-lv1 .wrapper .hdg {
		font-size: 3.8rem;
		margin-top: 20px;
		padding: 0 0 30px
	}

	.str-confirmation {
		padding: 50px 0
	}

	.con-hdg {
		font-size: 30px;
		margin: 0 0 30px;
		padding-bottom: 15px
	}

	.txt {
		font-size: 1.4rem;
		text-align: center
	}

	.con-btn {
		width: calc(50% - 10px);
		max-width: 542px
	}

	.con-btn a {
		font-size: 2.6rem;
		padding: 20px 0
	}

	.con-btn a::before {
		position: absolute;
		top: calc(50% - 7px);
		right: 20px;
		width: 14px;
		height: 14px;
		content: '';
		transform: rotate(45deg);
		border-top: 3px solid #fff;
		border-right: 3px solid #fff
	}

	.btn-area .btn-top {
		display: flex;
		margin-bottom: 40px;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.btn-area .btn-bottom {
		display: flex;
		margin-bottom: 28px;
		justify-content: center
	}

	.subscription {
		margin-bottom: 0
	}

	.existing-request {
		max-width: 352px
	}

	.existing-request a {
		font-size: 1.6rem;
		padding: 16px 0
	}

	.existing-request a::before {
		position: absolute;
		top: 50%;
		right: 18px;
		width: 10px;
		height: 10px;
		content: '';
		transform: translateY(-50%) rotate(45deg);
		border-width: 2px 2px 0 0;
		border-style: solid;
		border-color: #f69c00
	}

	.str-reason {
		padding: 55px 0
	}

	.str-reason .con-hdg {
		margin-bottom: 90px
	}

	.str-tel .box-estimate-tel {
		display: block
	}

	.str-tel .box-estimate-tel .box-estimate-hdg {
		font-size: 2rem;
		margin-bottom: 20px
	}

	.str-tel .box-estimate-tel .box-estimate-content {
		display: flex;
		justify-content: center;
		align-items: center
	}

	.str-tel .box-estimate-tel .icon-free-dial {
		width: auto;
		margin-right: 7px
	}

	.str-tel .box-estimate-tel .number {
		margin-right: 25px
	}

	.str-tel .box-estimate-tel .number .txt-number {
		font-size: 5rem
	}

	.str-tel .box-estimate-tel .txt-reception-time {
		font-size: 1.6rem;
		margin-top: 0;
		text-align: left
	}
}

@media screen and (min-width:1200px) {
	.unq-str-breadcrumb {
		left: calc(50% - 552px)
	}
}

/* BASE_C 211021 承認番号サイズ変更 */
@media screen and (min-width: 1025px) {
.mod-txt-rd-number.mod-resize {
	font-size: 1.2rem;
}
}
.mod-txt-rd-number.mod-resize{
	font-size: 12.48px;
}
/* BASE_C 211021 SP閲覧時でも崩れないように */
@media screen and (max-width: 375px) and (min-width: 361px) {
	.str-tel .box-estimate-tel .number .txt-number.num-resize {
		font-size: 2.8rem;
	}
}
@media screen and (max-width: 360px){
.str-tel .box-estimate-tel .number .txt-number.num-resize{
	font-size: 2.5rem;
}
}


/* BASE_C 211021 ↓パターン E用 */
.con-btn a img {
	margin-left: 38px;
}

@media screen and (min-width: 1025px) {
	.con-btn a img {
		margin-left: 0;
	}
}

.con-btn.typeb a img {
	margin-left: 25px;
}

@media screen and (min-width: 1025px) {
	.con-btn.typeb a img {
		margin-left: 0;
	}
}

.btn-top a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

@media screen and (min-width: 1025px) {
	.btn-top a {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.btn-top .subscription a img {
	margin-right: 26px;
}

@media screen and (min-width: 1025px) {
	.btn-top .subscription a img {
		margin-right: 20px;
	}
}

.btn-top .subscription.typeb a img {
	margin-right: 19px;
}

@media screen and (min-width: 1025px) {
	.btn-top .subscription.typeb a img {
		margin-right: 20px;
	}
}

.btn-top .subscribed.typeb a img {
	margin-right: 16px;
}

@media screen and (min-width: 1025px) {
	.btn-top .subscribed.typeb a img {
		margin-right: 20px;
	}
}

.btn-top .already {
	margin-top: 10px;
}

.btn-top .already__wrap {
	line-height: 1.278;
	text-align: left;
}

.btn-top .already a {
	background-color: #3c82c8;
	padding: 11px 0;
	height: 70px;
}

.btn-top .already a .upper {
	font-size: 1.8rem;
	display: block;
}

.btn-top .already a img {
	max-width: 34px;
}

.btn-top .already.typeb {
	margin-bottom: 18px;
}

.btn-top .already.typeb a .upper {
	font-size: 1.5rem;
}

.btn-top .already.typeb a img {
	margin-right: 10px;
}

@media screen and (min-width: 1025px) {
	.btn-top .already.typeb a img {
		margin-right: 25px;
	}
}

@media screen and (min-width: 1025px) {
	.btn-top .already {
		margin: 20px auto 12px;
		width: 100%;
	}

	.btn-top .already__wrap {
		line-height: 1.154;
	}

	.btn-top .already a {
		font-size: 2.6rem;
		padding: 18px;
		height: 80px;
	}

	.btn-top .already a .upper {
		font-size: 2rem;
	}

	.btn-top .already a img {
		max-width: 48px;
	}

	.btn-top .already.typeb a .upper {
		font-size: 1.8rem;
	}
}

.btn-top .attention-area {
	line-height: 1.4;
}

.btn-top .attention-area p,
.btn-top .attention-area span {
	color: #2f6ba7;
}

.btn-top .attention-area p {
	margin: 0.8em 0 0.6em;
}

.btn-top .attention-area p strong {
	font-weight: bold;
}

.btn-top .attention-area span.smltxt {
	font-size: 1.2rem;
}

@media screen and (min-width: 769px) {
	.btn-top .attention-area {
		margin: 0 auto;
		text-align: left;
		display: table;
	}
}

@media screen and (min-width: 1025px) {
	.btn-top .attention-area p {
		font-size: 1.8rem;
		margin: 0;
	}

	.btn-top .attention-area span.smltxt {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 359px) {
	.btn-area .btn-top .con-btn a {
		font-size: 5.2vw;
	}


	.btn-area .btn-top .con-btn a img {
		margin-left: 4.5vw !important;
	}

	.btn-area .btn-top .btn-cont {
		padding: 0 8px 16px;
	}

	.btn-area .btn-top .already.con-btn.typeb a:before {
		top: 66%;
	}

	.btn-area .btn-top .already a .upper {
		font-size: 4.5333333333vw !important;
		letter-spacing: -.3vw;
	}
}

.con-btn.add.typec a img {
	margin-left: 18px;
}

@media screen and (min-width: 1025px) {
	.con-btn.add.typec a img {
		margin-left: 0;
	}
}

@media screen and (min-width: 1025px) {
	.con-btn.add a {
		font-size: 2.5rem;
	}
}

.con-btn.add a img {
	margin-left: 18px;
}

@media screen and (min-width: 1025px) {
	.con-btn.add a img {
		margin-left: 0;
	}
}

.addbtn-area .btn-top {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	background-color: #faf9f5;
	padding: 0 14px 14px 14px;
}

@media screen and (min-width: 769px) {
	.addbtn-area .btn-top {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0 29px 29px 29px;
	}
}

.addbtn-area .btn-top a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top a {
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .subscription a {
		padding-left: 28px;
	}
}

.addbtn-area .btn-top .subscription a img {
	margin-right: 26px;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .subscription a img {
		margin-right: 22px;
	}
}

.addbtn-area .btn-top .subscription.typec a img {
	margin-right: 19px;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .subscription.typec a img {
		margin-right: 20px;
	}
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .subscribed a {
		padding-left: 3px;
	}

	.addbtn-area .btn-top .subscribed a img {
		margin-right: 17px;
	}
}

.addbtn-area .btn-top .subscribed.typec a img {
	margin-right: 14px;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .subscribed.typec a img {
		margin-right: 20px;
	}
}

.addbtn-area .btn-top .already__wrap {
	line-height: 1.278;
	text-align: left;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .already__wrap {
		letter-spacing: 0;
	}
}

.addbtn-area .btn-top .already a {
	background-color: #3c82c8;
	padding: 11px 0;
	height: 70px;
	letter-spacing: -0.03em;
}

.addbtn-area .btn-top .already a .upper {
	font-size: 1.8rem;
	display: block;
}

.addbtn-area .btn-top .already a img {
	max-width: 34px;
}

.addbtn-area .btn-top .already.typec {
	margin-bottom: 18px;
}

.addbtn-area .btn-top .already.typec a .already__wrap {
	font-size: 1.8rem;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .already.typec a .already__wrap {
		font-size: 2.5rem;
	}
}

.addbtn-area .btn-top .already.typec a .upper {
	font-size: 1.4rem;
}

.addbtn-area .btn-top .already.typec a img {
	/* margin-right: 11px; */
	margin-right: 8px;
	max-width: 40px;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .already.typec a img {
		/* margin-right: 25px; */
		margin-right: 20px;
		max-width: 48px;
	}
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .already {
		margin: 0 auto 21px;
		width: 100%;
	}

	.addbtn-area .btn-top .already__wrap {
		line-height: 1.154;
	}

	.addbtn-area .btn-top .already a {
		font-size: 2.5rem;
		padding: 18px 18px 18px 0px;
		height: 80px;
	}

	.addbtn-area .btn-top .already a .upper {
		font-size: 2rem;
	}

	.addbtn-area .btn-top .already a img {
		max-width: 48px;
	}

	.addbtn-area .btn-top .already.typec a .upper {
		font-size: 1.8rem;
	}
}

.addbtn-area .btn-top .attention-area {
	line-height: 1.4;
	padding: 0 8px;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .attention-area {
		padding: 0;
	}
}

.addbtn-area .btn-top .attention-area p,
.addbtn-area .btn-top .attention-area span {
	color: #2f6ba7;
}

.addbtn-area .btn-top .attention-area p {
	margin: 0.8em 0 0.6em;
}

.addbtn-area .btn-top .attention-area p strong {
	font-weight: bold;
}

.addbtn-area .btn-top .attention-area span.smltxt {
	font-size: 1.2rem;
}

.addbtn-area .btn-top .attention-area span.small {
	font-size: 1.4rem;
}

@media screen and (min-width: 769px) {
	.addbtn-area .btn-top .attention-area {
		margin: 0 auto;
		text-align: left;
		display: table;
	}
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .attention-area p {
		font-size: 1.8rem;
		margin: 0;
	}

	.addbtn-area .btn-top .attention-area span.small {
		font-size: 1.8rem;
	}

	.addbtn-area .btn-top .attention-area span.smltxt {
		font-size: 1.6rem;
	}
}

.addbtn-area .btn-top .btn-cont {
	background-color: white;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px;
	box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px;
	border-top: solid 4px #001a92;
	padding: 0 15px 18px;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .btn-cont {
		padding: 0 15px 50px;
	}
}

.addbtn-area .btn-top .btn-cont:nth-child(1) {
	margin-bottom: 16px;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .btn-cont:nth-child(1) {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		max-width: 610px;
		-webkit-flex-shrink: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		width: 54%;
		margin-right: 22px;
		margin-bottom: 0;
	}

	.addbtn-area .btn-top .btn-cont:nth-child(1) .con-btn {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}

	.addbtn-area .btn-top .btn-cont:nth-child(1) .con-btn.subscription {
		margin-bottom: 21px;
	}
}

.addbtn-area .btn-top .btn-cont.btm {
	padding-bottom: 28px;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .btn-cont.btm {
		max-width: 466px;
		width: 43%;
		padding-bottom: 40px;
	}
}

.addbtn-area .btn-top .btn-cont__hdg {
	margin: 0 auto;
	padding: 20px 0;
	font-size: 1.8rem;
	line-height: 1;
	text-align: center;
	font-weight: normal;
}

@media screen and (min-width: 1025px) {
	.addbtn-area .btn-top .btn-cont__hdg {
		font-size: 3rem;
		padding: 36px 0;
	}
}

.addstr-confirmation {
	padding: 0 0 50px;
}

.addunq-hdg-lv1 .wrapper {
	padding: 13px 14px;
}

.addunq-hdg-lv1 .wrapper .hdg {
	line-height: 1;
}

@media screen and (min-width: 769px) {
	.addunq-hdg-lv1 .wrapper .hdg {
		margin-top: 0;
		padding: 40px 0;
	}
}

@media screen and (max-width: 359px) {
	.con-btn.add a {
		font-size: 5.3333333333vw;
	}

	.con-btn.add a img {
		margin-left: 4.5vw !important;
	}

	.addbtn-area .btn-top .btn-cont {
		padding: 0 8px 16px;
	}

	.addbtn-area .btn-top .already.con-btn.add {
		font-size: 4.8vw;
	}

	.addbtn-area .btn-top .already.typec a .already__wrap {
		font-size: 4.8vw;
	}

	.addbtn-area .btn-top .already.typec a .already__wrap .upper {
		font-size: 4.3333333333vw !important;
	}

	.addbtn-area .btn-top .already.typec a:before {
		top: 66%;
	}

	.addbtn-area .btn-top .already a .upper {
		font-size: 4.5333333333vw !important;
	}
}