@charset "utf-8";
/* CSS Document */
div#mfp_hidden {
overflow: hidden;
width: 1px;
height: 1px;
padding: 0px;
margin: 0px;
}
#mailformpro input[type="text"],
#mailformpro input[type="email"]
{
    width: 100%;
	padding:7px;
	margin:0px 0px 15px 0px;
	font-size: 18px;
	border:1px solid #9C9C9C;
	box-shadow: 0px 3px 3px #c2c2c2;
}

.br-sp-on {
		display: none;
	}
#mailformpro select {
	padding:7px;
	margin:0px 0px 5px 0px;
	font-size: 18px;
	border:1px solid #9C9C9C;
	box-shadow: 0px 3px 3px #c2c2c2;
}
#mailformpro textarea {
    width: 100% !important;
	padding:7px;
	margin:0px 0px 0px 0px;
	font-size: 18px;
	border:1px solid #9C9C9C;
	box-shadow: 0px 3px 3px #c2c2c2;
}
#mailformpro dt {
	padding:10px 0px;
}
#mailformpro dd {
	padding-bottom:10px;
	border-bottom:1px solid #AED295;
}
.form-gray-waku {
	border:1px solid #cfcfcf;
	padding:10px;
}
.wpcf7-list-item {
	font-size: 18px;
	width:22%;
	display:iblock;
	float:left !important;
	margin:3px 6px 3px 3px;
}
.wpcf7-list-item:last-child {
	float:left !important;
}
.wpcf7-submit {
	margin-top:20px !important;
}
#confirm-check .wpcf7-list-item {
	width:100%;
}
.wpcf7-box {
	text-align: center !important;
	padding:0px 0px;
	margin-left:60px !important;
}

.form-confirm  {
	background: url("../images/kakunin-button.png") no-repeat left top;
	background-size:contain;
	width:210px;
	height:51px;
	display:block;
	margin:0 auto;
	padding:0px;
	border:none;
	text-indent:-9999px;
	cursor: pointer;
}
.form-syusei {
	background: url("../images/syuusei-button.png") no-repeat left top;
	background-size:contain;
	width:210px;
	height:51px;
	display:inline-block;
	margin:0 auto;
	padding:0px;
	border:none;
	text-indent:-9999px;
	cursor: pointer;
}
.form-sousin {
	background: url("../images/sousin-button.png") no-repeat left top;
	background-size:contain;
	width:210px;
	height:51px;
	display:inline-block;
	margin:0 auto;
	padding:0px;
	border:none;
	text-indent:-9999px;
	cursor: pointer;
}
.bottom-qanda {
	display:none;
}
.require {
	display:inline-block;
	padding:0px 5px;
	border-radius: 5px;
	color:#fff;
	background-color: #EC4276;
	font-weight: bold;
	margin-right:10px;
	font-size:90%;
}
.mgl-2em {
	margin-left:2em;
}
.process {
	padding:20px 20px 10px 20px;
	border:1px solid #AED295;
}
.privacy-policy span{
	display: inline-block;
	border:1px solid #469DFF;
	padding:5px 10px;
}
.process-tt {
	padding:0px 3px;
	border:2px solid #AED295;
	background-color:#DAEFCC;
	border-radius:5px;
	width:16em;
	display:inline-block;
	text-align: center;
	font-weight:bold;
}
.gr-arrow {
	background:url("../images/gr-arrow.png") no-repeat left center;
	padding-left:2em;
}
.gaiyou {
	width:100%;
	border-collapse: collapse;
	background-color:rgba(255,255,255,0.5);
	font-weight:bold;
}
.gaiyou th span {
	background-color:#B5DCFF;
	border-radius:5px;
	padding:0px 15px;
	display:inline-block;
	/* width:7em; 20250604 8emへ*/
	width: 8em;
	text-align: center;
}
.gaiyou th {
	text-align: right;
	vertical-align:top;
}
.gaiyou th, .gaiyou td {
	padding:10px;
}
/* input-groupのスタイル設定 */
.input-group {
    display: flex;
    justify-content: space-between;
}

.input-item {
    flex: 1;
    margin-right: 10px;
}

.input-item:last-child {
    margin-right: 0;
}

.input-item label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.input-item input {
    width: 100%;
    box-sizing: border-box;
}

/*20250604*/
.h4-pink-pl20 {
	background-color: #EC4276;
	border-radius: 25px;
	color:#fff;
	font-weight: bold;
	height:auto;
	padding:7px 20px 7px 23px;
	box-sizing: border-box;
}

.pi-20 {
	padding-inline: 20px;
}

.nagare-layout {
	display: grid;
	grid-template-columns: 17em 1fr;
	grid-template-rows: auto auto;
}

.nagare-join {
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
}

.nagare-mt10 {
	margin-top: 10px;
	margin-bottom: 20px;
}

.nagare-font-red {
	color: red;
	font-size: 14px;
}

/*20250605*/
@media only screen and (max-width: 992px) {
	.h4-pink-pl20 {
		height:auto;
		padding:7px 15px 7px 15px;
		margin-bottom:15px !important;
	}
	.pi-20 {
		padding-inline: 15px;
	}
	.nagare-font-red {
		font-size: 13px;
	}
}

@media only screen and (max-width: 576px) {
	.process-tt {
		width:100%;
	}
  .gaiyou th, .gaiyou td {
    display: block;
    width: 100%;
	border-bottom:none;
  }

	.gaiyou th {
	text-align: left;
	vertical-align:top;
		padding-bottom:0px;
}
	.input-group {
        flex-direction: column;
    }

    .input-item {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .input-item:last-child {
        margin-bottom: 0;
    }

	/*20250604*/
	.nagare-layout {
		display: block;
	}
}