/*--------------------------------------------------------------*/
/* LP-FORM用 */
/* URL => https://clp-ytmm.com/++++ */
/* 2023-06-07 */
/*--------------------------------------------------------------*/
body:not(.home) {
	padding-top: 0;
	background: #fffdf9;
}
body#lp .content {
	max-width: 1040px;
}
/* 580 */
@media (max-width: 580px) {
	body#lp .content {
		padding: 0 15px;
	}
}
body#aikoumuten.send div.content {
	max-width: 1040px;
}
body#aikoumuten.send div.body {
	padding-top: 80px;
	padding-bottom: 80px;
}
/* 1240 */
@media (max-width: 1240px) {
	body#aikoumuten.send div.body {
		padding-top: max(6.452vw, 40px); //80px;
		padding-bottom: max(6.452vw, 40px); //80px;
	}
}
/* 580 */
@media (max-width: 580px) {
	body#aikoumuten.send div.body {
		padding-left: 20px;
		padding-right: 20px;
	}
	body#aikoumuten #lp-footer {
		margin-top: 0;
	}
}

body#aikoumuten select {
	-webkit-appearance: auto!important;
	appearance: auto!important;
}

/*--------------------------------------------------------------*/
/* #lp-header */
/*--------------------------------------------------------------*/
#lp-header h1 {
	padding: 10px 0 10px 0;
}
#lp-header h1 img {
	max-width: 260px;
}
/* 768 */
@media (max-width: 768px) {
	#lp-header h1 img {
		max-width: 180px;
	}
}
/* 580 */
@media (max-width: 580px) {
	#lp-header h1 {
		padding: 10px 0 10px 0;
	}
	#lp-header h1 img {
		max-width: 140px;
	}
}

/*--------------------------------------------------------------*/
/* section#lpform */
/*--------------------------------------------------------------*/
#lpform header #h1 {
	text-align: center;
	background: linear-gradient(90deg, rgba(255,102,0,1) 0%, rgba(255,198,94,1) 100%);
	color: #fff;
	padding: 10px 0 13px 0;
	margin-bottom: 50px;
}
#lpform input[type=text],
#lpform input[type=password],
#lpform input[type=email],
#lpform input[type=tel],
#lpform input[type=checkbox],
#lpform input[type=submit],
#lpform input[type=button],
#lpform input[type=number],
#lpform button,
#lpform table select,
#lpform textarea {
	border: 1px solid #ccc;
	padding: 5px 10px;
}
#lpform .mw_wp_form .error {
	color: #ee4038;
	background: #ffebed;
}
#lpform .mwform-checkbox-field-text {
	text-align: center;
}
#lpform input[type=text]:focus,
#lpform input[type=password]:focus,
#lpform input[type=email]:focus,
#lpform input[type=tel]:focus,
#lpform table select:focus,
#lpform textarea:focus {
	background-color: initial;
}
#lpform textarea:not(:placeholder-shown) {
	background: #fff;
}
#lpform textarea:placeholder-shown {
	background: #FFFFDF;
}
/* calender */
.modaal-container {
	border-radius: 10px;
}
#lp_cal .cal_ui input {
	transition: .3s ease;
}
#lp_cal .cal_ui input:hover {
	background: #ededed;
}
#lp_cal table {
	border: none;
}
#lp_cal table tr td {
	border: none;
}
div.cal_wrapper {
	border: none!important;
}
div.cal_wrapper table.cal tr th {
	border: none!important;
}
#lp_cal table tr td {
	padding: 3px;
}
#lp_cal table tr:nth-child(3) td {
	padding-top: 15px;
}
#lp_cal table tr td:nth-child(1) {
	color: red;
}
#lp_cal table tr td:nth-child(7) {
	color: blue;
}
#lp_cal table tr td div {
	border: 1px solid #d7d7d7;
	background: #fffadf;
}
#lp_cal table tr td div.none {
	border: 1px solid #b5b5b5;
	background: #ddd;
	opacity: 0.2;
}
#lp_cal table tr td div:not(.none):not(.Today):hover {
	border: 1px solid #999;
	background: #f3eabb;
}
#lp_cal table tr td div.holiday,
#lp_cal table tr td div.Sun,
#lp_cal table tr td div.Sat {
	opacity: 0.2;
}
#lp_cal table tr td div.holiday.click {
	opacity: 1;
}
#lp_cal table tr td div.Today {
	border: none;
	background: #b4ffb4;
}
#lp_cal div.cal_wrapper table.cal tr.headline td {
	background: #fff5e7;
}

/*--------------------------------------------------------------*/
/* modaal */
/*--------------------------------------------------------------*/
.modaal-inline h6 {
	font-size: 1.8rem;
	background: #ff6600;
	color: #fff;
	text-align: center;
	padding: 8px 0 9px 0;
	border-radius: 5px;
	margin-bottom: 20px;
}
/* 580 */
@media (max-width: 580px) {
	.modaal-inline h6 {
		font-size: 1.5rem;
	}
	.modaal-content-container {
		padding: 20px;
	}
	.modaal-inner-wrapper {
		padding: 80px 20px;
	}
}

/*--------------------------------------------------------------*/
/* section#lpform */
/*--------------------------------------------------------------*/
#lpform .body {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
#lpform .body2 {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 20px;
	padding: 40px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
#lpform .body2 p.text {
	text-align: center;
	font-size: 2.0rem;
}
#lpform textarea:disabled {
	background: #e3e3e3;
}
#lpform #lp_mendan_jitaku_textarea::placeholder,
#lpform #lp_mendan_detail_textarea::placeholder,
#lpform input[name=address2]::placeholder {
	color: #ff9d9d;
}
#lpform textarea:disabled::placeholder {
	color: #adadad;
}
#lpform button {
	border: none;
}
/* .row */
#lpform form .row {
	display: flex;
	padding: 15px 0;
	border-bottom: 1px dotted #ccc;
}
#lpform form .row.bdr_none {
	border-bottom: none;
}
#lpform form .row > label {
	width: 230px;
	padding-top: 7px;
	padding-right: 11px;
}
#lpform form .row > label span.note {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.4;
	color: red;
	margin-top: 10px;
}
#lpform form .row > label span.note.box {
	display: block;
	font-size: 1.2rem;
	margin-top: 10px;
	padding: 5px 10px;
	border: 1px solid red;
	background: #ffffe2;
	border-radius: 3px;
}
#lpform form .row .inpbox,
#lpform form .row .wrap {
	flex: 1;
}
/* 共通 */
.inpbox.center {
	text-align: center;
}
span.hissu {
	margin-right: 7px;
	padding: 0px 5px 2px 5px;
	background: #E48B49;
	color: #fff;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1;
	border-radius: 3px;
	top: -1px;
	position: relative;
}
#lpform form h6 {
	font-size: 1.6rem;
	margin-bottom: 5px;
}
#lpform form h6:nth-of-type(n+2) {
	margin-top: 10px;
}
.lp_cur {
	cursor: pointer;
}
.lp_close {
	border-radius: 3px;
	background: #ededed;
	text-align: center;
	padding: 7px 0 5px 0;
	cursor: pointer;
	transition: .3s ease;
}
.lp_close:hover {
	background: #c8c8c8;
}
#lpform select {
	background: initial;
	padding: 5px 12px!important;
}
#lpform select:focus {
	background: initial;
}
/* 768 */
@media (max-width: 768px) {
	/* .row */
	#lpform form .row {
		flex-wrap: wrap;
	}
	#lpform form .row > label {
		width: 100%;
		margin-bottom: 20px;
		font-weight: bold;
	}
}
/* 580 */
@media (max-width: 580px) {
	#lpform .body {
		border-radius: 10px;
		padding: 20px 10px 40px 10px;
		margin: 0 -10px;
	}
	#lpform .body2 {
		padding: 30px 28px;
	}
	#lpform .body2 p.text {
		text-align: left;
		font-size: 1.8rem;
	}
	/* .row */
	#lpform form .row {
		padding: 20px 0;
	}
	#lpform form .row > label {
		font-size: 1.6rem;
		margin-bottom: 12px;
	}
	#lpform select {
		padding: 0.5em 3em 0.5em 0.7em;
	}
}

/*--------------------------------------------------------------*/
/* section#lpform -> form */
/*--------------------------------------------------------------*/
/* spinbox */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
	-moz-appearance:textfield;
}
/* .lp_inp2 */
.lp_inp2 {
	display: flex;
	justify-content: space-between;
}
.lp_inp2 input {
	width: 48.1%;
}
/* .lp_radio */
.lp_radio {
    border: none;
	display: flex;
	justify-content: space-between;
	max-width: 435px;
}
.lp_radio > span {
	margin-left: 0!important;
}
.lp_radio > span:nth-child(1) {
	order: 3;
}
.lp_radio > span:nth-child(2) {
	order: 1;
}
.lp_radio > span:nth-child(3) {
	order: 2;
}
.lp_radio .mwform-radio-field {
	width: 48.1%;
}
.lp_radio label {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 5px 7px 5px;
	border: 1px solid #555;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.5);
	cursor: pointer;
}
.lp_radio label:hover {
	border: 1px solid #ffad77;
}
.lp_radio label:has(:checked) {
	border: 1px solid #ff6600;
	background-color: #ff6600;
	color: #fff;
}
fieldset#mendan span.mwform-radio-field-text figure svg {
	fill: #555;
	width: 40px!important;
	height: 40px!important;
}
fieldset#mendan span:nth-child(2) span.mwform-radio-field-text figure svg {
	fill: #555;
	width: 35px!important;
	height: 35px!important;
	margin-top: 5px;
}
.lp_radio label:has(:checked) svg {
	fill: #fff!important;
}
.lp_radio input {
	display: none;
}
.lp_radio input[type=radio] + .mwform-radio-field-text:before,
.lp_radio input[type=radio]:checked + .mwform-radio-field-text:before {
	content: none;
}
.lp_radio .mwform-radio-field-text {
	display: block;
	text-align: center;
}
/* .lp_check */
.lp_check {
	border: none;
	display: flex;
	align-content: stretch;
	flex-wrap: wrap;
	gap: 15px 2%;
}
.lp_check .mwform-checkbox-field {
	display: block;
	width: calc(90% / 6);
	min-height: 62px;
	margin: 0!important;
}
.lp_check label {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 5px 5px 7px 5px;
	border: 1px solid #555;
	border-radius: 3px;
	background-color: #fff;
	box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.5);
	cursor: pointer;
}
.lp_check label:hover {
	border: 1px solid #ff6600;
}
.lp_check label:has(:checked) {
	border: 1px solid #ff6600;
	background-color: #ff6600;
	color: #fff;
}
.lp_check label figcaption {
	font-size: 1.4rem;
	line-height: 1.1;
}
.lp_check input {
	display: none;
}
.lp_check input[type=checkbox] + .mwform-checkbox-field-text:before,
.lp_check input[type=checkbox]:checked + .mwform-checkbox-field-text:before {
	content: none;
}
.lp_check .mwform-radio-field-text {
	display: block;
	text-align: center;
}
.lp_kikkake_etc {
	padding-top: 15px;
	display: none;
}
#lp_check_etc_textarea {
	height: 82px;
}
/* .lp_check img */
.lp_check span label span.mwform-checkbox-field-text svg {
	fill: #555;
	width: auto!important;
	height: 30px!important;
}
.lp_check span label:has(:checked) svg {
	fill: #fff!important;
}
.lp_check span:nth-child(4) label span.mwform-checkbox-field-text svg {
	height: 23px!important;
}

/* ul.lp_works */
ul.lp_works {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 7px;
	margin-bottom: 20px;
}
ul.lp_works li {
	width: 15.5%;
	aspect-ratio: 1 / 1;
	text-align: center;
	border: 1px solid #bfbfbf;
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 5px 6px 5px;
	transition: .3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
}
ul.lp_works li:hover {
	border: 1px solid #ff6600;
	background: #ff6600;
	color: #fff;
}
/* .lp_date */
.lp_date {
	position: relative;
}
.lp_date::after {
	content: '';
	display: block;
	aspect-ratio: 1 / 1;
	max-height: 36px;
	height: 70%;
	background: url(../images/datepicker.svg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	pointer-events: none;
}
/* .lp_time */
.lp_time {
	position: relative;
}
.lp_time::after {
	content: '';
	display: block;
	aspect-ratio: 1 / 1;
	max-height: 36px;
	height: 70%;
	background: url(../images/clock.svg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	pointer-events: none;
}
/* ul.lp_start */
ul.lp_start {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 7px;
	margin-bottom: 20px;
}
ul.lp_start li {
	width: 48%;
	text-align: center;
	border: 1px solid #bfbfbf;
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 0 6px 0;
	transition: .3s ease;
}
ul.lp_start li:hover {
	border: 1px solid #ff6600;
	background: #ff6600;
	color: #fff;
}
/* 768 */
@media (max-width: 768px) {
	/* .lp_check */
	.lp_check .mwform-checkbox-field {
		width: calc(94% / 4);
	}
}
/* 640 */
@media (max-width: 640px) {
	/* ul.lp_works */
	ul.lp_works li {
		width: 31.5%;
	}
}
/* 580 */
@media (max-width: 580px) {
	/* .lp_check */
	.lp_check .mwform-checkbox-field {
		width: calc(96% / 3);
	}
	.lp_radio span.mwform-radio-field-text br {
		display: none;
	}
	/* .lp_date */
	.lp_date::after {
		height: 60%;
	}
	.lp_time::after {
		height: 60%;
	}
}

/*--------------------------------------------------------------*/
/* 職業 */
/*--------------------------------------------------------------*/
.job_etc {
	padding-top: 10px;
	display: none;
}

/*--------------------------------------------------------------*/
/* ご相談方法 */
/*--------------------------------------------------------------*/
.lp_radio.item3 label {
	height: 100%;
}
.lp_radio.item3 .mwform-radio-field {
	width: 31.5%;
}
.lp_radio.item3.sc1 {
	max-width: 660px;
}
.lp_radio.item3.sc2 {
	display: none;
	margin-top: 25px;
	max-width: initial;
}
.lp_radio.item3.sc2 p.txt1,
.lp_radio.item3.sc2 p.txt2,
.lp_radio.item3.sc2 p.txt4 {
	margin-bottom: 15px;
}
.lp_radio.item3.sc2 p.txt3 {
	display: none;
	margin-bottom: 3px;
	color: red;
}
.lp_radio.item3.sc2 fieldset {
	max-width: 660px;
	display: flex;
	justify-content: space-between;
}
.lp_mendan_detail {
	padding-top: 15px;
	display: none;
}
#lp_mendan_jitaku_textarea,
#lp_mendan_detail_textarea {
	height: 130px;
	display: none;
}
/* 580 */
@media (max-width: 580px) {
	/* .lp_radio.item3.sc1 */
	.lp_radio.item3.sc1 {
		flex-wrap: wrap;
	}
	.lp_radio.item3.sc1 .mwform-radio-field {
		width: 100%;
		margin-bottom: 10px;
	}
	.lp_radio.item3.sc1 .horizontal-item + .horizontal-item {
		margin-left: 0;
	}
}

/*--------------------------------------------------------------*/
/* form 希望日 */
/*--------------------------------------------------------------*/
.inpbox.kibou .flex {
	justify-content: space-between;
	max-width: 430px;
}
.inpbox.kibou .flex .lp_date {
	width: 55%;
}
.inpbox.kibou .flex .lp_time {
	width: 42%;
}

/*--------------------------------------------------------------*/
/* thanks */
/*--------------------------------------------------------------*/
.thanks h2 {
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}
.thanks h2::after {
	content: '';
	width: 200px;
	height: 3px;
	background: #ff6600;
	position: absolute;
	bottom: -14px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.thanks span.note {
	color: #e11717;
}

/*--------------------------------------------------------------*/
/* 個人情報保護方針 */
/*--------------------------------------------------------------*/
#lpform section.privacy {
	padding: 10px 0;
	text-align: left;
}
section.privacy strong {
	color: initial!important;
	background: initial!important;
}
/* #_campain */
section.privacy section#_campain {
	margin-bottom: 40px;
}
section.privacy section#_campain p.msg {
	font-weight: bold;
	margin-bottom: 10px;
}
section.privacy section#_campain h2 {
	font-size: 2.0rem;
	margin-bottom: 5px;
}
section.privacy section#_campain ul {
	margin-bottom: 30px;
}

#lpform section.privacy .privacy_scroll {
	border: 1px solid #ccc;
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px;
	height: 250px;
	overflow-y: scroll;
	background: #f9f9f9;
}
#lpform section.privacy .privacy_scroll header h1 {
	font-size: 2.0rem;
	margin-bottom: 20px;
}
#lpform section.privacy .privacy_scroll header p {
	margin-bottom: 20px;
	font-size: 1.4rem;
}
#lpform section.privacy .privacy_scroll dl dt {
	font-size: 1.5rem;
	margin-bottom: 5px;
}
#lpform section.privacy .privacy_scroll dl dd {
	font-size: 1.4rem;
	margin-bottom: 15px;
}
/* 580 */
@media (max-width: 580px) {
	#lpform section.privacy {
		padding: 60px 0 20px 0;
	}
	#lpform section.privacy .privacy_scroll header h1 {
		font-size: 1.8rem;
	}
	#lpform section.privacy .privacy_scroll header p {
		font-size: 1.3rem;
	}
	#lpform section.privacy .privacy_scroll dl dt {
		font-size: 1.4rem;
	}
	#lpform section.privacy .privacy_scroll dl dd {
		font-size: 1.3rem;
	}
}

/*--------------------------------------------------------------*/
/* modaleの非表示 */
/*--------------------------------------------------------------*/
#lp_works,
#lp_datepicker,
#lp_timepicker {
	display: none;
}

/*--------------------------------------------------------------*/
/* footer */
/*--------------------------------------------------------------*/
footer {
	/*background: #f3f3f3;*/
	margin-top: 20px;
	border-top: none;
}
#lp-footer .copy {
	text-align: center;
	padding: 0 0 60px 0;
}
/* 580 */
@media (max-width: 580px) {
	#lp-footer {
		margin-top: 60px;
		padding-top: 30px;
	}
	#lp-footer .copy {
		text-align: center;
		padding: 0 0 30px 0;
	}
}