.tpl-body__content {
	/* .sec-input
	-----------------------------*/
}

.tpl-body__content .sec-input {
	/* .input-item{
		-----------------------------*/
}

.tpl-body__content .sec-input dt {
	background: #eee;
	font-size: 1.8rem;
	font-weight: 500;
	padding: 15px 20px;
	border: 1px solid #d7d7d7;
	border-bottom: none;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input dt {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input dt {
		padding: 10px;
	}
}

.tpl-body__content .sec-input dd {
	padding: 15px 20px;
	border: 1px solid #d7d7d7;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input dd {
		padding: 10px;
	}
}

.tpl-body__content .sec-input dl + dl dt {
	border-top: none;
}

.tpl-body__content .sec-input .input-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.tpl-body__content .sec-input .input-wrap + .input-wrap {
	border-top: 1px solid #d7d7d7;
	padding-top: 20px;
}

.tpl-body__content .sec-input .input-wrap:first-child {
	margin-top: -10px;
}

.tpl-body__content .sec-input .input-wrap.input-wrap--col1 {
	display: block;
}

.tpl-body__content .sec-input .input-item {
	margin-top: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 305px;
	/* select
			-----------------------------*/
	/* &.input-item--fee{
			-----------------------------*/
	/* &.input-item--date{
			-----------------------------*/
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .input-item {
		justify-content: flex-start;
	}
}

.input-wrap--col1 .input-item {
	justify-content: flex-start !important;
	margin-top: 0 !important;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .input-item {
		min-width: 0;
		width: 100%;
	}
}

.tpl-body__content .sec-input .input-item .title {
	margin-right: 10px;
	width: 114px;
}

.tpl-body__content .sec-input .input-item .item {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .input-item .item {
		flex: 1;
	}
}

.tpl-body__content .sec-input .input-item select {
	border: 1px solid #d7d7d7;
	padding: 5px;
	width: 180px;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .input-item select {
		width: 100%;
	}
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .input-item.input-item--fee {
		display: block;
	}
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .input-item.input-item--fee .title {
		margin-bottom: 5px;
	}
}

.tpl-body__content .sec-input .input-item.input-item--fee .size-l {
	width: 180px;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .input-item.input-item--fee .size-l {
		width: 100%;
		flex: 1;
	}
}

.tpl-body__content .sec-input .input-item.input-item--fee .size-s {
	width: 40px;
}

.tpl-body__content .sec-input .input-item.input-item--fee .dot {
	margin: 0 7px;
}

.tpl-body__content .sec-input .input-item.input-item--fee .currency {
	margin-left: 10px;
}

.input-wrap .note {
	margin-top: 10px;
	font-size: 1.4rem;
}

.input-wrap .error {
	color: #e60012;
	margin-top: 10px;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .input-item.input-item--date {
		display: block;
	}
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .input-item.input-item--date .title {
		margin-bottom: 5px;
	}
}

.tpl-body__content .sec-input .input-item.input-item--date input {
	width: 180px;
	background: url(/assets/common/img/icon-calendar.png) right 10px top 50% no-repeat;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .input-item.input-item--date input {
		width: 100%;
		flex: 1;
	}
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .input-item.input-item--date input {
		background: url(/assets/common/img/icon-calendar-l.png) right 10px top 50% no-repeat;
		background-size: 18px auto;
	}
}

.tpl-body__content .sec-input .btn-wrap {
	display: flex;
	line-height: 1;
}

.tpl-body__content .sec-input .btn-wrap .tpl-btn {
	min-width: 200px;
	padding: 15px;
	font-size: 1.6rem;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .btn-wrap .tpl-btn {
		font-size: 1.4rem;
		min-width: 0;
		padding: 10px;
	}
}

.tpl-body__content .sec-input .btn-wrap.btn-wrap--bottom {
	background: #eee;
	padding: 10px;
	margin: -5px -10px;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .btn-wrap.btn-wrap--bottom {
		display: block;
		padding: 5px;
		margin: 0;
	}
}

.tpl-body__content .sec-input .btn-wrap.btn-wrap--bottom .tpl-btn-wrap + .tpl-btn-wrap {
	margin-left: 10px;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .sec-input .btn-wrap.btn-wrap--bottom .tpl-btn-wrap + .tpl-btn-wrap {
		margin-left: 0;
		margin-top: 5px;
	}
}

.tpl-body__content .sec-input .btn-wrap.btn-wrap--bottom .tpl-btn-wrap {
	width: 100%;
}

.tpl-body__content .sec-input .error {
	display: none;
}

.tpl-body__content .data-wrap ul {
	display: flex;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .data-wrap ul {
		display: block;
	}
}

.tpl-body__content .data-wrap li {
	display: flex;
}

.tpl-body__content .data-wrap li + li {
	margin-left: 50px;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .data-wrap li + li {
		margin-left: 0;
	}
}

.tpl-body__content .data-wrap .data {
	font-weight: bold;
}

.tpl-body__content .simulation-table {
	table-layout: fixed;
	width: 710px;
}

.tpl-body__content .simulation-table th, .tpl-body__content .simulation-table td {
	text-align: center;
	vertical-align: middle;
	font-size: 16px !important;
}

@media screen and (max-width: 750px) {
	.tpl-body__content .simulation-table th, .tpl-body__content .simulation-table td {
		font-size: 14px !important;
	}
}

.tpl-body__content .simulation-table .title-group--01 th:nth-child(1) {
	width: 150px;
}

.tpl-body__content .simulation-table .title-group--01 th:nth-child(3) {
	width: 280px;
}

.tpl-body__content .simulation-table .title-group--02 th {
	background: #e1e1e1;
	color: #1e1e1e;
}

.tpl-body__content .simulation-table tr td:first-child {
	background: #848484;
	color: #fff;
}

.tpl-body__content .simulation-table .total-group td:first-child {
	background: #e1e1e1;
	color: #1e1e1e;
}

.tpl-body__content .simulation-table .data-plus td:nth-child(n+2) {
	background: #fdebec;
}

.tpl-body__content .simulation-table .data-minus td:nth-child(n+2) {
	background: #ebf5fb;
}

/* .flatpickr
-----------------------------*/
.flatpickr-calendar.open {
	z-index: 100;
}

@media screen and (max-width: 374px) {
	.flatpickr-calendar {
		transform: translateX(-20px);
	}
}

.flatpickr-calendar .flatpickr-months {
	pointer-events: none;
}

.flatpickr-calendar .flatpickr-months > * {
	pointer-events: auto;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month {
	height: 40px;
	background-color: #848484;
	color: white;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
	top: 4px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg path {
	fill: white;
}

.flatpickr-calendar .flatpickr-months .arrowDown.disabled,
.flatpickr-calendar .flatpickr-months .arrowUp.disabled {
	opacity: 0;
	pointer-events: none;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
	min-width: 70px;
}

@media screen and (max-width: 750px) {
	.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
		min-width: 120px;
	}
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper .numInput {
	pointer-events: none;
	background-color: #848484 !important;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper span {
	opacity: 1;
	border-color: #B3B3B3 !important;
	border-radius: 3px;
}

@media screen and (max-width: 750px) {
	.flatpickr-calendar .flatpickr-current-month .numInputWrapper span {
		width: 28px;
		height: 90%;
	}
}

@media screen and (max-width: 750px) {
	.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown {
		right: 32px;
		top: 5%;
	}
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown:after {
	border-top-color: white !important;
}

@media screen and (max-width: 750px) {
	.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown:after {
		top: 42%;
		left: 33%;
	}
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp {
	border-bottom: 1px solid white;
}

@media screen and (max-width: 750px) {
	.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp {
		top: 4%;
	}
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp:after {
	border-bottom-color: white !important;
}

@media screen and (max-width: 750px) {
	.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp:after {
		top: 42%;
		right: 31%;
	}
}

.flatpickr-calendar .flatpickr-day.selected {
	background-color: #E60012;
	border-color: #E60012;
}

.flatpickr-calendar .flatpickr-day.selected:hover {
	background-color: #E60012;
	border-color: #E60012;
	opacity: 0.8;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
	display: none;
}
