/* section-telfax */

.telfax-info{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 2em 5em;
}

.telfax-info-item{
	max-width: 100%;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.telfax-info-no{
	color: #087323;
	font-size: 250%;
	font-weight: var(--fontWeightBold);
}

.telfax-info-sub{
	text-align: center;
	margin: 0;
}

@media(max-width: 1150px){
	.telfax-info-no{
		font-size: 3.5vw;
	}
}

@media(max-width: 750px){
	.telfax-info{
		flex-direction: column;
	}
	.telfax-info-item{
		width: 100%;
		margin: 0 0 2em;
	}
	.telfax-info-no{
		font-size: 200%;
	}
}

@media(max-width: 460px){
	.telfax-info-no{
		font-size: 175%;
	}
}

/* section-mailform */
.mailform-table{
	margin: 0 auto;
	border: none;
	background-color: transparent;
}

.mailform-table th,
.mailform-table td{
	background-color: transparent;
	border: none;
	vertical-align: top;
	padding: 1.5em 1em;
	text-align: left;
}

.mailform-table td.type{
	width: 5em;
	text-align: center;
}

.mailform-table tr.need td.type:before{
	content: "必須";
	font-size: 75%;
	font-weight: var(--fontWeightBold);
	padding: 0.25em 0.5em;
	display: inline-block;;
	background-color: #FF0000;
	color: #FFF;
	border-radius: 2px;
}

table.mailform-table td.form{
	border-bottom: 2px solid #DFDFDF;
}

table.mailform-table th.head,
table.mailform-table td.type{
	border-bottom: 2px solid #087323;
}

.mailform-table input::placeholder{
	color: #333;
	opacity: 0.5;
}

.mailform-table input:-ms-input-placeholder {
	color: #333;
	opacity: 0.5;
}

.mailform-table input::-ms-input-placeholder {
	color: #333;
	opacity: 0.5;
}

.mailform-table .radio-label{
	display: inline-block;
	margin: 0.25em 1em 0.25em 0;
}

.mailform-table .radio-label input{
	margin-right: 0.1em;
}

.mailform-table .checkbox-label{
	display: inline-block;
	margin: 0.25em 1em 0.25em 0;
}

.mailform-table .checkbox-label input{
	margin-right: 0.1em;
}

.mailform-table input[type="text"],
.mailform-table input[type="email"],
.mailform-table input[type="tel"]{
	display: block;
	margin: 0.25em 0;
}

.mailform-table input[type="text"]{
	width: 100%;
	max-width: 15em;
}

.mailform-table input[type="email"]{
	width: 100%;
	max-width: 20em;
}

.mailform-table input[type="tel"]{
	width: 100%;
	max-width: 15em;
}

.mailform-table textarea{
	width: 100%;
	height: 10em;
}

.mailform-table .msg{
	color: #FF0000;
	font-weight: var(--fontWeightNormal);
}

@media(max-width: 750px){
	.mailform-table tr{
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-wrap: wrap;
	}
	.mailform-table input[type="text"],
	.mailform-table input[type="email"],
	.mailform-table input[type="tel"]{
		width: 100%;
		max-width: 100%;
	}
	table.mailform-table th.head{
		width: calc(100% - 3em);
		padding: 1.5em 0 0;
	}
	table.mailform-table td.type{
		width: 3em;
		padding: 1.5em 0 0;
	}
	.mailform-table td.form{
		width: 100%;
		margin: 0.75em 0 0;
		padding: 0.75em 0 0.5em;
		border-top: 2px solid #DFDFDF;
		position: relative;
	}
	.mailform-table td.form:before{
		content: "";
		width: 30%;
		height: 2px;
		background-color: #087323;
		position: absolute;
		top: -2px;
		left: 0;
	}
}

.mailform-state-text{
	text-align: center;
}