:root {
	--color-main:#814993;
	--color-pink:#f2415f;
	--color-bgpink:#f4def8;
	--color-red:#ff0000;
	--color-wine:#bf1f78;
	--color-h1:#934976;
	--color-green:#39a247;
	--color-member:#5ca352;
	--color-blue:#337ab0;
	--color-aqua:#359bbc;
	--color-white:#ffffff;
	--color-gray:#f6f6f6;
	--color-orange:#ed822b;
	--color-yellow:#f5cc00;
	--color-border:#dddddd;
	--color-inactive:#999999;
	--color-formoff:#b6b0c3;
	--color-black:#222222;
	--color-earth:#f7f6f3;
	--color-sand:#f8f4e8;
	--font-sp-xx-large:clamp(24px, 6.7vw, 28px);
	--font-sp-x-large:clamp(20px, 6vw, 24px);
	--font-sp-large:clamp(18px, 5.33vw, 22px);
	--font-sp-normal:clamp(16px, 4.26vw, 18px);
	--font-sp-small:clamp(12px, 3.73vw, 14px);
	--font-sp-x-small:clamp(11px, 2.8vw, 13px);
	--font-pc-xxx-large:36px;
	--font-pc-xx-large:30px;
	--font-pc-x-large:24px;
	--font-pc-large:20px;
	--font-pc-normal:16px;
	--font-pc-small:14px;
	--font-pc-x-small:12px;
}

@media screen and (max-width : 767px){
	th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label,button {
		font-size:var(--font-sp-normal);
	}
	input[type=text],input[type=tel],input[type=email] ,textarea,select {
		font-size:var(--font-sp-normal);
	scale(0.8);
	}
	input {
		appearance: none;
		-webkit-appearance: none;
	}
	h1,h2,h3,h4,h5,h6,p,th,td,dt,dd,li {
		line-height:175%;
	}
}
@media screen and (min-width : 768px){
th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label,button {
		font-size:var(--font-pc-normal);
	}
	h1,h2,h3,h4,h5,h6,p,th,td,dt,dd,li {
		line-height:200%;
	}
}

/*-----------------------------------------
form-input
------------------------------------------*/
.flower form#mailformpro input[type=text],
.flower form#mailformpro input[type=email],
.flower form#mailformpro input[type=tel],
.flower form#mailformpro input[type=date],
.flower form#mailformpro textarea,
.flower form#mailformpro select {
	width:100%;
	border:1px solid var(--color-border);
	border-radius:5px;
	background:#f9f4d2;
}
.flower form#mailformpro .input-small {
	max-width:160px;
}
.flower form#mailformpro .input-middle {
	max-width:360px;
}
.flower form#mailformpro .input-large {
	max-width:480px;
}
.flower form#mailformpro .inputgroup {
	max-width:860px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid var(--color-border);
	background-color:var(--color-white);
	border-radius:5px;
	margin-bottom:10px;
	overflow: hidden;
}
.flower form#mailformpro .inputgroup dt {
	width:100%;
	text-align:left;
	position: relative;
	font-weight:700;
	border-top:none;
}
.flower form#mailformpro .inputgroup dt.hissu {
	background-color:#ffd687;
}
.flower form#mailformpro .inputgroup dt.nini {
	background-color:var(--color-gray);
}
.flower form#mailformpro .inputgroup dt.hissu:before,
.flower form#mailformpro .inputgroup dt.nini:before {
	padding:2px 8px;
	position: relative;
	margin-right:1em;
	border-radius:4px;
	color:var(--color-white);
}
.flower form#mailformpro .inputgroup dt.hissu:before {
	content:"\5FC5\9808";
	background:#ee3800;
}
.flower form#mailformpro .inputgroup dt.nini:before {
	content:"\4EFB\610F";
	background:#999999;
}
.flower form#mailformpro .inputgroup dd {
	border-top:none;
}
.flower form#mailformpro .contact-address-grid:first-child {
	padding-bottom:10px;
}
.flower form#mailformpro .inputgroup small {
	padding:1em;
}
.flower form#mailformpro .inputgroup p.small {
	line-height:150%;
}
.flower form#mailformpro .policyblock {
	height:120px;
	padding:10px;
	border:1px solid var(--color-border);
	border-radius:5px;
	overflow-y: scroll;
}
@media (max-width: 767px) {
.flower form#mailformpro input[type=text],
.flower form#mailformpro input[type=email],
.flower form#mailformpro input[type=tel],
.flower form#mailformpro input[type=date],
.flower form#mailformpro textarea,
.flower form#mailformpro select {
	padding:1.5vw 2vw;
}
	.flower form#mailformpro .inputgroup dt {
		padding:1vw 2vw;
		font-size:var(--font-sp-normal);
	}
	.flower form#mailformpro .inputgroup dd {
		padding:3vw 4vw;
		font-size:var(--font-sp-normal);
	}
	.flower form#mailformpro .contact-address-grid span {
		display: block;
		padding-bottom:1.5vw;
	}
	.flower form#mailformpro .inputgroup dt.hissu:before,
	.flower form#mailformpro .inputgroup dt.nini:before,
	.flower form#mailformpro .inputgroup p.small {
		font-size:var(--font-sp-small);
	}
	.flower form#mailformpro .form-policy {
		padding-top:5vw;
	}
	.flower form#mailformpro .policyblock {
		margin-top:5vw;
	}
	.flower form#mailformpro .policyblock h4,
	.flower form#mailformpro .policyblock p {
		font-size:var(--font-sp-small);
	}
}
@media (768px <= width) {
.flower form#mailformpro input[type=text],
.flower form#mailformpro input[type=email],
.flower form#mailformpro input[type=tel],
.flower form#mailformpro input[type=date],
.flower form#mailformpro textarea,
.flower form#mailformpro select {
	padding:0.75em 1em;
}
	.flower form#mailformpro .inputgroup {
		display:grid;
		grid-template-columns: 1fr 3fr;
	}
	.flower form#mailformpro .inputgroup.inputgroup-comment {
		display: block;
	}
	.flower form#mailformpro .inputgroup dt {
		padding:22px 10px 22px 15px;
		font-size:var(--font-pc-normal);
	}
	.flower form#mailformpro .inputgroup.inputgroup-comment dt {
		padding:10px 15px;
	}
	.flower form#mailformpro .inputgroup dd {
		padding:15px;
		font-size:var(--font-pc-normal);
	}
	.flower form#mailformpro .contact-address-grid {
		display:grid;
		grid-template-columns: 110px 1fr;
		grid-column-gap:8px;
		align-items: center;
	}
	.flower form#mailformpro .inputgroup.inputgroup-comment dd textarea {
		max-width:700px;
		resize: none;
		margin-top:15px;
	}
	.flower form#mailformpro .inputgroup dt.hissu:before,
	.flower form#mailformpro .inputgroup dt.nini:before,
	.flower form#mailformpro .inputgroup p.small {
		font-size:var(--font-pc-small);
	}
	.flower form#mailformpro .flower form#mailformpro .form-policy {
		display:grid;
		grid-template-columns: 1fr 3fr;
		grid-column-gap:29px;
		align-items: center;
		padding-top:30px;
	}
	.flower form#mailformpro .policyblock h4,
	.flower form#mailformpro .policyblock p {
		font-size:var(--font-pc-small);
	}
}
/*-----------------------------------------
flower
------------------------------------------*/
.flower-container {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
.flower-container .panel-content {
	text-align: center;
}
.flower-group {
	background:#f8f4e8;
	border-radius:5px;
}
.flower-group h3 small {
	color:var(--color-inactive);
}
.flower-itemselect-grid {
	display:grid;
	grid-template-columns: 4fr 1fr;
	grid-column-gap:8px;
}
.tabgroup .wpcf7-list-item {
	margin:0 0.5em;
}
@media (width < 767px) {
	.flower-container {
		gap:4vw;
		padding-bottom:8vw;
	}
	.flower-container>div {
		width:43vw;
	}
	.flower-container .panel-content h3 {
		font-size:var(--font-sp-small);
	}
	.flower-container .panel-content {
		font-size:var(--font-sp-small);
	}
	.flower-group {
		padding:3vw;
		margin-bottom:3vw;
	}
	.flower-group h3 small {
		display: block;
	}
}
@media (768px <= width) {
	.flower-container {
		gap:30px;
		padding-bottom:60px;
	}
	.flower-container>div {
		width:300px;
	}
	.flower-container .panel-content h3 {
		font-size:var(--font-pc-x-large);
	}
	.flower-group {
		padding:20px;
		margin-bottom: 30px;
	}
	.flower-group h3 {
		max-width: 860px;
		margin-left: auto;
		margin-right: auto;
		font-size:var(--font-pc-x-large);
	}
	.flower-group h3 small {
		font-size:var(--font-sp-small);
		padding-left:2em;
	}
}
.user-type-cel {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.tab-area {
	text-align:center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 16px;
}
.tab-area label {
	cursor:pointer;
	position: relative;
	z-index: 1;
	text-align: center;
	font-weight: 700;
	display:block;
	border-radius:5px;
	box-shadow:0px 2px 4px 1px rgba(0,0,0,0.2);
	background-color:var(--color-white);
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.tab-area label:has(input:checked) {
	background-color:var(--color-bgpink);
}
.flower .mfp_element_submit,
.flower .mfp_element_button,
.flower button.mfp_next
 {
	display: block;
	border: none;
	border-radius: 5px;
	color: var(--color-white);
	font-weight: 700;
	margin-left:auto;
	margin-right:auto;
	background: linear-gradient(180deg, rgba(253, 128, 40, 1), rgba(253, 110, 40, 1));
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.2);
	float:none;
}
.flower .mfp_element_submit:hover,
.flower .mfp_element_button:hover,
.flower button.mfp_next:hover {
	background:#814993;
}

ul#mfp_phase_stat {
max-width:350px;
margin:0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.mfp_phase_arrow {
	display:none !important;
}
.flower form#mailformpro textarea.input-large {
	width:100% !important;
	max-width:100%;
	min-height:6em;
}
@media (width < 767px) {
	.tab-area {
		padding:4vw 0;
	}
	.tab-area label {
		padding:5vw 4vw;
	}
	.flower .mfp_element_submit,
	.flower .mfp_element_button,
	.flower button.mfp_next {
		padding:1em;
	}
	.flower .mfp_buttons {
		padding:8vw 0;
	}
}
@media (768px <= width) {
	.user-type-cel {
		grid-column-gap:16px;
	}
	.tab-area {
		padding:40px;
	}
	.tab-area label {
		padding:22px 16px;
		min-height:60px;
	}
	.flower .mfp_buttons button {
        width: 400px;
        margin-top: 50px;
        margin-bottom: 50px;
        height: 90px;
        line-height: 90px;
        font-size: var(--font-pc-xx-large);
	}
}
.flower .mfp_buttons {
	display:flex;
	justify-content:center;
}
.flower div.mfp_buttons button#mfp_button_cancel {
	background:#dddddd;
	color:#666666;
}
.flower div.mfp_buttons button#mfp_button_cancel:hover {
	background:#cccccc;
}