@charset "utf-8";
.header__wrap{
	position: absolute;
}
.header-result,
.header-contact,
.navi-list,
.footer-nav,
.pagetop,
.footer-contact,
.page-bnr,
.btn-menu{
	display: none;
}
#header{
	background: #fff;
	border-bottom: none;
	pointer-events: none;
}
#footer{
	margin-bottom: 0;
}
#main{
	margin-top: 82px;
}
.pageTop a{
	bottom: 0;
}

.lcl-inner{
	width: 850px;
	margin: 0 auto;
}

.lcl-nav{
	width: 100%;
	height: 70px;
	margin: 60px 0;
	align-items: stretch;
	background: #fff;
	overflow: hidden;
}
.lcl-nav__item{
	width: 25%;
	background: #fff;
	line-height: ;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 22px;
	position: relative;
}
.lcl-nav__item--current{
	background: #1b2a4a;
	color: #fff;
	font-weight: bold;
}
.lcl-nav__step{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 15px;
}
.lcl-nav__item::before,
.lcl-nav__item::after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 60px transparent solid;
	border-left: 11px solid #fff;
	border-right: 0px solid transparent;
	top: 0;
	bottom: 0;
	margin: auto;
	position: absolute;
	z-index: 1;
}
.lcl-nav__item:last-child::before,
.lcl-nav__item:last-child::after{
	display: none;
}
.lcl-nav__item::before{
	border-left: 11px solid #f4efe4;
	right: -13px;
}
.lcl-nav__item::after{
	right: -8px;
}
.lcl-nav__item--current::after{
	border-left: 11px solid #1b2a4a;
}

.lcl-title{
	width: 100%;
	height: 70px;
	line-height: 70px;
	background: #1b2a4a;
	color: #ffffff;
	font-weight: bold;
	font-size: 22px;
}
.lcl-title span{
	display: inline-block;
	width: 130px;
	line-height: 70px;
	background: #0f1b33;
	text-align: center;
	margin-right: 30px;
}
.lcl-box{
	background: #fff;
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: bold;
}
.lcl-title02{
	height: 85px;
	line-height: 1.2;
	padding: 0 40px;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #1b2a4a;
	letter-spacing: 0.075em;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;

}
.lcl-title02__in{
	width: calc(100% - 62px);
}
.lcl-title03{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
	letter-spacing: 0.075em;
}
.block-flex-w .lcl-title03{
	margin-bottom: 0;
	padding: 0 25px 0 10px;
}
.lcl-title03--wide{
	width: 200px;
}
.lcl-required{
	display: inline-block;
	width: 52px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background: #ea2a2a;
	font-size: 16px;
	border-radius: 8px;
	margin-right: 10px;
}
.lcl-required::before{
	content: "必須";
}
.lcl-required--error::before{
	content: "不正";
}
.lcl-required--ok{
	background: #1b2a4a;
}
.lcl-required--ok::before{
	content: "OK";
}
.lcl-box__inner{
	padding: 40px;
	justify-content: flex-start;
}
.lcl-after{
	/*margin-left: 5px;*/
}
.lcl-after--10{
	margin-right: 10px;
}
.lcl-after--margin{
	margin-right: 20px;
}
.lcl-before{
	margin-right: 5px;
}
.lcl-comment--margin{
	margin-left: 35px;
}
.lcl-option{
	display: inline-block;
	width: 52px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #fff;
	background: #b5b5b5;
	font-size: 16px;
	border-radius: 8px;
	margin-right: 10px;
}
.lcl-option::after{
	content: "任意";
}

.lcl-formparts{
	justify-content: flex-start;
	margin-bottom: 30px;
	line-height: 46px;
}


.lcl-radio{
	width: 100%;
	height: 82px;
	flex: 1;
	flex-wrap: nowrap;
	align-items: stretch;
}
.lcl-radio label{
	flex-grow: 1;
	display: block;
	width: auto;
	height: 82px;
	line-height: 82px;
	margin-right: 10px;
	background: #1b2a4a;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 10px;
	transition: all 0.25s ease;
	letter-spacing: 0.075em;
	font-weight: bold;
	cursor: pointer;
}
.lcl-radio label.lcl-radio--current{
	background: #b8893a;
}
.lcl-radio label:last-child{
	margin-right: 0;
}
.lcl-radio label input{
	display: none;
}

.lcl-select{
	margin-right: 30px;
	font-weight: bold;
	justify-content: flex-start;
}
.lcl-tani{
	justify-content: flex-start;
}
.lcl-select select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	height: 40px;
	line-height: 40px;
	background: #fff url(../img/ico_select.png) no-repeat right 10px center / 10px 14px;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 0 40px 0 10px;
	position: relative;
	margin-right: 10px;
	font-weight: normal;
}

#wrapper input.lcl-input--text{
	height: 46px;
	line-height: 46px;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	background: #fff;
	font-weight: normal;
}
.lcl-input--small{
	width: 140px;
	margin-right: 10px;
}
.lcl-input--middle{
	width: 190px;
	margin-right: 10px;
}
.lcl-input--long{
	width: 500px;
}

.lcl-comment{
	font-size: 15px;
	color: #9c9c9c;
	font-weight: normal;
}


.lcl-buttonarea{
	margin: 50px 0;
	text-align: center;
}
.lcl-button-next{
	display: inline-block;
	width: 380px;
	height: 70px;
	line-height: 70px;
	font-size: 20px;
	letter-spacing: 0.05em;
	font-weight: bold;
	color: #fff;
	background: #e3dac4;
	border-radius: 10px;
	position: relative;
	transition: all 0.25s ease;
}
.lcl-button-next--active{
	cursor: pointer;
	background: #b8893a;
}
.lcl-button-next--active:hover{
	background: #1b2a4a;
}
.lcl-button-next svg{
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
}

.lcl-service__btn label{
	display: block;
	position: relative;
	width: 100%;
	height: 82px;
	background: #f4efe4;
	border-radius: 0 10px 10px 0;
	font-size: 16px;
	padding: 0 0 0 156px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
label.lcl-service__btn--arisan{
	background: #f4efe4 url(../img/img_arisan.png) no-repeat left top / auto 100%;
}
label.lcl-service__btn--water{
	background: #f4efe4 url(../img/img_water.png) no-repeat left top / auto 100%;
}
label.lcl-service__btn--cancer{
	background: #f4efe4 url(../img/img_cancer.png?211227) no-repeat left top / auto 100%;
}
label.lcl-service__btn--arisan.lcl-service__btn--current{
	background: #e3dac4 url(../img/img_arisan.png) no-repeat left top / auto 100%;
	/*color: #fff;*/
}
label.lcl-service__btn--water.lcl-service__btn--current{
	background: #e3dac4 url(../img/img_water.png) no-repeat left top / auto 100%;
	/*color: #fff;*/
}
label.lcl-service__btn--cancer.lcl-service__btn--current{
	background: #e3dac4 url(../img/img_cancer.png?211227) no-repeat left top / auto 100%;
	/*color: #fff;*/
}
.lcl-service__btn label input{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 25px;
	/*
	width: 30px;
	height: 30px;
	background: #fff;
	border-radius: 6px;*/
}

.lcl-service__title{
	font-size: 15px;
	line-height: 26px;
	font-weight: bold;
}
.lcl-service__text{
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 25px;
	font-weight: normal;
}

.lcl-company{
	background: #f4efe4;
}
.lcl-company__title{
	height: 50px;
	font-size: 20px;
	letter-spacing: 0.1em;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	background: #e3dac4;
}
.lcl-company__text{
	padding: 20px 30px;
	font-size: 15px;
	line-height: 26px;
	font-weight: normal;
}
.lcl-company__text strong{
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
}

.lcl-btn-area{
	justify-content: center;
	align-items: flex-start;
}
.lcl-btn{
	margin: 0 10px;
	position: relative;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.lcl-btn--next{
	height: 70px;
	background: #1b2a4a;
	border-radius: 10px;
	transition: all 0.25s ease;
}
.lcl-btn--confirm,
.lcl-btn--close{
	width: 220px;
}
.lcl-btn--send{
	width: 300px;
}
.lcl-btn--next::after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	transform-origin: center;
	transform: rotate(-45deg);
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.25s ease;
}
.lcl-btn--back{
	height: 70px;
	width: 220px;
	background: #c8c8c8;
	border-radius: 10px;
	transition: all 0.25s ease;
}
.lcl-btn--back::after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	transform-origin: center;
	transform: rotate(135deg);
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.25s ease;
}

.lcl-btn--close::after,
.lcl-btn--close::before{
	content: "";
	display: block;
	width: 16px;
	height: 2px;
	background: #fff;
	position: absolute;
	right: 18px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform-origin: center;
	border: none;
	transition: all 0.25s ease;
}
.lcl-btn--close::after{
	transform: rotate(-45deg);
}
.lcl-btn--close::before{
	transform: rotate(45deg);
}
.lcl-text{
	text-align: center;
	font-size: 15px;
	line-height: 30px;
	margin: 50px 0 30px;
}
.lcl-sidenav{
	position: fixed;
	width: 75px;
	right: 0;
	top: 5%;
	z-index: 100;
}
.lcl-sidenav__item{
	background: #fff;
	margin-bottom: 5px;
	text-align: left;
	font-size: 18px;
	padding: 20px 0;
	letter-spacing: 0.06em;
	font-weight: bold;
}
.lcl-sidenav__item--01{
	height: 185px;
}
.lcl-sidenav__item--02{
	height: 185px;
}
.lcl-sidenav__item--03{
	height: 220px;
}
.lcl-sidenav__item--04{
	height: 110px;
}
.lcl-sidenav__item--current{
	background: #1b2a4a;
	color: #fff;
}
.lcl-sidenav__step{
	display: block;
	font-size: 13px;
	line-height: 13px;
	margin: 0 0 15px;
	text-align: center;
}
.lcl-sidenav__text{
	display: block;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	line-height: 75px;
}
select::-ms-expand {
    display: none;
}
@media screen and (max-width: 767px) {
	/* ---------------------------------------------------------------- sp ---- */
	#main{
		margin-top: 47px;
	}

	.lcl-inner{
		width: 100%;
		margin: 0 auto;
	}

	.lcl-nav{
		width: 100%;
		height: 50px;
		margin: 30px 0;
	}
	.lcl-nav__item{
		width: 25%;
		font-size: 11px;
		line-height: 13px;
		text-align: center;
	}
	.lcl-nav__step{
		font-size: 10px;
	}
	.lcl-nav__item::before,
	.lcl-nav__item::after{
		border: 60px transparent solid;
		border-left: 8px solid #fff;
		border-right: 0px solid transparent;
	}
	.lcl-nav__item:last-child::before,
	.lcl-nav__item:last-child::after{
		display: none;
	}
	.lcl-nav__item::before{
		border-left: 8px solid #f4efe4;
		right: -6px;
	}
	.lcl-nav__item::after{
		right: -4px;
	}
	.lcl-nav__item--current::after{
		border-left: 8px solid #1b2a4a;
	}

	.lcl-title{
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.lcl-title span{
		display: inline-block;
		width: 80px;
		line-height: 40px;
		margin-right: 10px;
	}
	.lcl-box{
		background: #fff;
		margin-bottom: 0;
		padding-bottom: 10px;
		font-size: 14px;
		font-weight: bold;
	}
	.lcl-title02{
		height: auto;
		line-height: 24px;
		padding: 10px 15px;
		font-size: 15px;
		letter-spacing: 0;
		border-top: 1px solid #1b2a4a;
	}
	.lcl-title02__in{
		width: calc(100% - 35px);
	}
	.lcl-title03{
		font-size: 15px;
		margin-bottom: 5px;
	}
	.block-flex-w .lcl-title03{
		margin-bottom: 0;
		padding: 0;
	}
	.lcl-title03--wide{
		width: auto;
	}
	.lcl-required+.lcl-title03,
	.lcl-option+.lcl-title03{
		display: inline-block;
		margin-bottom: 10px;
		margin-right: 5px;
	}
	.lcl-required{
		display: inline-block;
		width: 30px;
		height: 22px;
		line-height: 22px;
		font-size: 11px;
		border-radius: 5px;
		margin-right: 5px;
	}
	.lcl-box__inner{
		padding: 20px 15px 0;
		justify-content: flex-start;
	}
	.lcl-after--10{
		margin-right: 10px;
	}
	.lcl-after--margin{
		margin-right: 20px;
	}
	.lcl-before{
		margin-right: 5px;
	}
	.lcl-comment--margin{
		margin-left: 0;
	}

	.lcl-option{
		width: 30px;
		height: 22px;
		line-height: 22px;
		font-size: 11px;
		border-radius: 5px;
		margin-right: 5px;
	}

	.lcl-formparts{
		justify-content: flex-start;
		margin-bottom: 15px;
		line-height: 20px;
	}


	.lcl-radio{
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.lcl-radio label{
		height: 40px;
		line-height: 40px;
		margin-right: 0;
		font-size: 14px;
		text-align: center;
		border-radius: 5px;
		margin-bottom: 2px;
	}
	.lcl-radio label:last-child{
		margin-right: 0;
		border-bottom: none;
	}

	.lcl-select{
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	.lcl-tani{
		justify-content: flex-start;
	}
	.lcl-select select{
		height: 30px;
		line-height: 30px;
		background: #fff url(../img/ico_select.png) no-repeat right 10px center / 10px 14px;
		border: 1px solid #ccc;
		border-radius: 6px;
		padding: 0 40px 0 10px;
		margin-right: 2px;
		font-weight: normal;
		font-size: 16px;
	}

	#wrapper input.lcl-input--text{
		width: auto;
		height: 40px;
		line-height: 20px;
		padding: 10px;
		font-size: 16px;
		border-radius: 5px;
	}
	#wrapper input.lcl-input--small{
		width: 75px;
		margin-right: 10px;
	}
	#wrapper input.lcl-input--middle{
		width: auto;
		margin-right: 10px;
	}
	#wrapper input.lcl-input--long{
		width: 100%;
	}

	.lcl-comment{
		font-size: 12px;
		color: #9c9c9c;
		font-weight: normal;
	}


	.lcl-buttonarea{
		margin: 0;
		background: #fff;
		padding: 25px 15px 40px;
		text-align: center;
	}
	.lcl-button-next{
		display: inline-block;
		width: 100%;
		height: 45px;
		line-height: 45px;
		font-size: 15px;
		border-radius: 5px;
	}
	.lcl-button-next svg{
		right: 10px;
	}

	.lcl-service__btn label{
		height: 50px;
		border-radius: 0 5px 5px 0;
		font-size: 10px;
		line-height: 15px;
		padding: 0 30px 0 80px;
		display: flex;
		margin-bottom: 5px;
	}
	label.lcl-service__btn--arisan{
		background: #f4efe4 url(../img/img_arisan.png) no-repeat left top / auto 100%;
	}
	label.lcl-service__btn--water{
		background: #f4efe4 url(../img/img_water.png) no-repeat left top / auto 100%;
	}
	label.lcl-service__btn--cancer{
		background: #f4efe4 url(../img/img_cancer.png?211227) no-repeat left top / auto 100%;
	}
	label.lcl-service__btn--arisan.lcl-service__btn--current{
		background: #e3dac4 url(../img/img_arisan.png) no-repeat left top / auto 100%;
		/*color: #fff;*/
	}
	label.lcl-service__btn--water.lcl-service__btn--current{
		background: #e3dac4 url(../img/img_water.png) no-repeat left top / auto 100%;
		/*color: #fff;*/
	}}
	label.lcl-service__btn--cancer.lcl-service__btn--current{
		background: #e3dac4 url(../img/img_cancer.png?211227) no-repeat left top / auto 100%;
		/*color: #fff;*/
	}
	.lcl-service__btn label input{
		right: 10px;
	}

	.lcl-service__title{
		font-size: 14px;
		line-height: 20px;
	}
	.lcl-service__text{
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 20px;
	}

	.lcl-company__title{
		height: 30px;
		font-size: 16px;
		line-height: 30px;
	}
	.lcl-company__text{
		padding: 10px 20px;
		font-size: 12px;
		line-height: 16px;
	}
	.lcl-company__text strong{
		font-size: 14px;
		line-height: 30px;
		font-weight: bold;
	}
	.lcl-btn-area{
		margin: 20px 15px 40px;
	}
	.lcl-btn{
		position: relative;
		margin: 0;
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
	}
	.lcl-btn--next{
		height: 50px;
	}
	.lcl-btn--confirm,
	.lcl-btn--close{
		width: 100%;
		margin-bottom: 10px;
	}
	.lcl-btn--send{
		width: 100%;
	}
	.lcl-btn--next::after{
		content: "";
		display: block;
		width: 6px;
		height: 6px;
		right: 20px;
	}
	.lcl-btn--back{
		height: 50px;
		width: 100%;
	}
	.lcl-btn--back::after{
		width: 6px;
		height: 6px;
		left: 20px;
	}
	.lcl-btn--close::after{
		width: 16px;
		height: 2px;
		right: 18px;
	}
	.lcl-error-comment{
		border: 1px solid #f00;
		color: #f00;
		padding: 2px 10px;
		background: #fff;
		max-width: 700px;
		margin: 5px auto;
		border-radius: 5px;
	}
	.lcl-text{
		text-align: left;
		font-size: 12px;
		line-height: 24px;
		margin: 20px 15px 30px;
	}
	.lcl-sidenav{
		display: none;
	}

}