@charset "utf-8";
/*-------------------------------------------
.common
-------------------------------------------*/
@media screen and (min-width: 768px) {
	.cnt-block:not(:last-child) {
    margin-bottom: 90px;
	}
	.cnt-index-txt {
		width: auto;
		flex: 1;
		padding-right: 30px;
	}
	.cnt-index__lead {
		line-height: 1.7;
	}
	.cnt-index-img {
		width: 244px;
	}
	.lcl-inner {
		padding: 0 50px;
	}
	.block-flex {
		align-items: center;
	}
}
.lcl-txtlink {
	text-decoration: underline;
}
.lcl-red {
	color: #da5555;
}

.lcl-kome {
	color: #DA5555;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.7;
	border-radius: 10px;
	border: 1px solid #DA5555;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 2px 20px;
}

/*============================ #flow ============================*/

/* ---------------------- option ---- */
.lcl-flow {
	margin-bottom: 35px;
}
.lcl-flow__in {
	padding: 0 50px;
}
.lcl-flow-list__item {
	background-color: #ebf3f5;
	padding: 35px 40px 35px 80px;
	position: relative;
}
.lcl-flow-list__item:not(:last-child) {
	margin-bottom: 35px;
}
.lcl-flow-list__item:not(:last-child)::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 17.5px 0 17.5px;
	border-color: #66bdd4 transparent transparent transparent;
	position: absolute;
	bottom: -15px;
	right: 0;
	left: 0;
	margin: auto;
}
.lcl-flow-list__item__ttl {
	font-weight: bold;
	font-size: 20px;
	position: relative;
	margin-bottom: 10px;
}
.lcl-flow-list__item__num {
	position: absolute;
	left: -55px;
	top: -3px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 2px solid #49b6d5;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 0 0 3px;
	color: #49b6d5;
	font-weight: bold;
}
/* ---------------------- option ---- */
.lcl-flow-list__item--flex {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.lcl-flow-list__item-txt {
	flex: 1;
	padding-right: 80px;
}
.lcl-flow-list__item-img {
	width: 95px;
}
.lcl-flow-list__item-img img {
	width: 100%;
	height: auto;
}

/*============================ #belongings ============================*/
.lcl-belongings__ttl {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.7;
	margin-bottom: 5px;
}
.lcl-belongings-list {
	text-indent: -1em;
	padding-left: 1em;
}
.lcl-belongings-list li:first-letter {
	color: #66bdd4;
}
.lcl-belongings-item {
	margin-top: 10px;
	margin-bottom: 15px;
	background-color: #EBF3F5;
	padding: 40px;
	border-radius: 5px;
}
.lcl-belongings-item li{
	font-size: 15px;
	font-weight: 500;
	line-height: 1.7;
	text-indent: -1em;
	padding-left: 1em;
}
.lcl-belongings-item li:not(:last-of-type){
	margin-bottom: 5px;
}
.lcl-belongings-kome {
}
.lcl-belongings-kome__item {
	color: #DA5555;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.7;
	text-indent: -1em;
	padding-left: 1em;
}

/*============================ #month ============================*/
.lcl-month__table {
	margin-bottom: 10px;
	border-collapse: separate;
	width: 100%;
}
.lcl-month__table th,.lcl-month__table td {
	text-align: center;
	font-weight: 700;
	padding: 4px 0;
}
.lcl-month__table thead th {
	color: #fff;
	background: #000;
}
.lcl-month__table thead th:first-child {
	background: #66BDD4;
}
.lcl-month__table tbody th {
	background: #EBF3F5;
}
.lcl-month__table tbody td {
	width: 65px;
}
.lcl-month-list__item {
	color: #DA5555;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.7;
	text-indent: -1em;
	padding-left: 1em;
}
/*============================ #faq ============================*/
.lcl-faq-list__item {
	padding: 25px 30px;
	background: #EBF3F5;
}
.lcl-faq-list__item:not(:last-of-type) {
	margin-bottom: 30px;
}
.lcl-faq-list-item__question {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0 20px;
	margin-bottom: 20px;
}
.lcl-faq-list-item-question__icon {
	text-align: center;
	color: #49B6D5;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	width: 40px;
	aspect-ratio: 1;
	border-radius: 100vmax;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #49B6D5;
}
.lcl-faq-list-item-question__txt {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	flex: 1;
}
.lcl-faq-list-item__answer {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0 20px;
}
.lcl-faq-list-item-answer__icon {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	background: #49B6D5;
	text-align: center;
	width: 40px;
	aspect-ratio: 1;
	border-radius: 100vmax;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lcl-faq-list-item-answer__txt {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.7;
	flex: 1;
}
/* ---------------------------------------------------------------- SP ---- */
@media screen and (max-width: 767px) {
	.cnt-block {
		padding: 0 15px;
	}
	.lcl-kome {
		font-size: 15px;
		border-radius: 10px;
		padding: 2px 20px;
	}
	.cnt-index-img {
		width: 170px;
		margin-inline: auto;
	}
	/*============================ #flow ============================*/
	.lcl-flow {
		margin-bottom: 35px;
		padding: 0 15px;
	}
	.lcl-flow__in {
		padding: 0;
	}
	.lcl-flow-list__item {
		padding: 15px;
	}
	.lcl-flow-list__item__ttl {
		font-size: 16px;
		margin-bottom: 15px;
		padding-left: 40px;
	}
	.lcl-flow-list__item__num {
		left: 0;
		top: 0;
		width: 30px;
		height: 30px;
		padding: 0;
		line-height: 1;
	}
	.lcl-flow-list__item-txt {
		width: 100%;
		padding: 10px 0 0;
	}
	.lcl-flow-list__item-img {
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.lcl-flow-list__item-img {
		width: 40px;
	}
	/*============================ #belongings ============================*/
	.lcl-belongings__ttl {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.lcl-belongings-item {
		margin-top: 10px;
		margin-bottom: 15px;
		padding: 15px;
	}
	.lcl-belongings-kome__item {
		font-size: 13px;
	}
	/*============================ .lcl-month__wrap ============================*/
	.lcl-month__wrap {
		position: relative;
		overflow-x: scroll;
		margin-bottom: 10px;
	}
	.lcl-month__wrap:after {
		content: "";
		position: absolute;
		left: 60px;
		top: 20px;
		width: 85px;
		height: 85px;
		background: url(../img/month/ico_scroll.png) no-repeat center / cover;

	}
	.lcl-month__wrap.scr_active:after {
		animation: yurayura 3.5s linear both;
	}
	.lcl-month-list__item {
		font-size: 13px;
	}
	.lcl-month__table {
		width: 800px;
	}
	.lcl-month__table th,.lcl-month__table td {
		padding: 8px 0;
	}
	@keyframes yurayura {
		0%{
				transform: translateX(35px);
		}
		25%{
				transform: translateX(-35px);
		}
		50%{
				transform: translateX(35px);
		}
		75%{
				transform: translateX(-35px);
		}
		90%{
				opacity: 1;
		}
		95%{
				opacity: 0.5;
		}
		100%{
				opacity: 0;
				visibility: hidden;
				transform: translateX(35px);
		}
	}

	/*============================ #faq ============================*/
	.lcl-faq-list__item {
		padding: 25px 20px;
	}
	.lcl-faq-list__item:not(:last-of-type) {
		margin-bottom: 15px;
	}
	.lcl-faq-list-item-question__txt {
		font-size: 16px;
	}
	.lcl-faq-list-item-question__icon {
		font-size: 15px;
		width: 30px;
		aspect-ratio: 1;
	}
	.lcl-faq-list-item__answer {
		align-items: flex-start;
		gap: 0 20px;
	}
	.lcl-faq-list-item-answer__icon {
		font-size: 15px;
		width: 30px;
	}
	.lcl-faq-list-item-answer__txt {
		font-size: 13px;
	}
}

