﻿
/* --------------------
	content
--------------------*/
#content .in-box h3{
	width: 100%;
	position: relative;
	font-size: 1.625rem;
	font-weight: bold;
	text-align: left;
	color: #350d53;
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
	border-bottom: rgba(195,195,195,1.00) 1px solid;
}
#content .in-box h4{
	width: 100%;
	position: relative;
	font-size: 1.000rem;
	font-weight: bold;
	text-align: left;
	padding: 1em 0 0 0;
}

#content .in-box p{
	font-size: 1.000rem;
	line-height: 1.8;
	letter-spacing: -0.05em;
}

#content .in-box dl{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}
#content .in-box dl dt{
	width: 250px;
	position: relative;
	font-size: 1.000rem;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	color: #000;
	padding: 0.8em 1em;
	letter-spacing: -0.05em;
	border-top: none;
	box-sizing: border-box !important;
}
#content .in-box dl dd{
	width: 650px;
	text-align: left;
	color: #000;
	font-size: 1.00rem;
	line-height: 1.6;
	padding: 0.8em 1em;
	letter-spacing: -0.05em;
	border-top: none;
	box-sizing: border-box !important;
}

#content .in-box dl dt:nth-child(4n+1),
#content .in-box dl dd:nth-child(4n+2){
	background: #EBE7ED;
}

#content .in-box dl dt p.hissu {
	position:absolute;
	top: 1em;
	right:40px;
	background: #A0181B;
	color: #FFF;
	font-size: 0.75rem;
	padding: 0.2em 0.3em;
	text-align: center;
    overflow: hidden;
	width: 3em;
}
#content .in-box dl dd .wFull{
	width: 100% !important;
	box-sizing: border-box;
}
#content .in-box dl dd input[type="text"],
#content .in-box dl dd input[type="tel"],
#content .in-box dl dd input[type="email"],
#content .in-box dl dd textarea{
	box-sizing: border-box;
	padding: 0.2em 0.8em;
	font-size: 1.000rem;
	text-align: left;
	line-height: 1.6;
}
#content .in-box dl dd textarea{
	height: 10em !important;
}

.mfp_element_all {
    max-width: 100% !important;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {
    border: solid 1px #CCC;
    border-radius: 1px;
    box-shadow: 0px 0px 2px #CCC inset;
    margin: 0;
    vertical-align: middle;
}

#content .in-box .btn_area{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	font-size: 1.000rem;
	text-align: center;
	line-height: 1.6;
	padding: 30px 0 0 0;
	margin: 30px 0 0 0;
	border-top: solid 1px #CCC;
}
#content .in-box .btn_area button{
	width: 10em;
	font-size: 1.125rem;
	font-weight: 600;
	text-align: center;
	padding: 0.7em 1em;
	box-sizing: border-box;
	background: #350d53;
	color: rgba(255,255,255,1.00);
	border: none;
	text-shadow: none !important;
}

@media only screen and (max-width: 899px) {
	#content .in-box h3{
		font-size: 1.500rem;
		padding: 0 0 10px 0;
		margin: 0 0 30px 0;
	}
	#content .in-box h4{
		font-size: 0.938rem;
	}
	
	#content .in-box p{
		font-size: 0.938rem;
		line-height: 1.8;
	}

	#content .in-box dl{
	}
	#content .in-box dl dt{
		width: 30%;
		font-size: 1.000rem;
	}
	#content .in-box dl dd{
		width: 70%;
		font-size: 1.00rem;
	}
	#content .in-box dl dt p.hissu {
		right:40px;
		font-size: 0.75rem;
	}
	#content .in-box dl dd .wFull{
		width: 100%;
		box-sizing: border-box;
	}

	#content .in-box .btn_area{
		font-size: 1.000rem;
		padding: 30px 0 0 0;
		margin: 30px 0 0 0;
	}
	#content .in-box .btn_area button{
		width: 10em;
		font-size: 1.125rem;
		padding: 0.7em 1em;
		border: none;
	}
}
@media only screen and (max-width: 768px) {
	#content .in-box h3{
		font-size: 1.250rem;
		padding: 0 0 10px 0;
		margin: 0 0 30px 0;
	}
	#content .in-box h4{
		font-size: 0.875rem;
	}
	
	#content .in-box p{
		font-size: 0.875rem;
		line-height: 1.7;
	}

	#content .in-box dl{
	}
	#content .in-box dl dt{
		width: 100%;
		padding: 0.8em 1em 0;
	}
	#content .in-box dl dd{
		width: 100%;
		padding: 0.4em 1em 0.8em;
	}
	#content .in-box dl dt p.hissu {
		right:40px;
		font-size: 0.75rem;
	}
	#content .in-box dl dd .wFull{
		width: 100%;
		box-sizing: border-box;
	}

	#content .in-box .btn_area{
		padding: 30px 0 0 0;
		margin: 30px 0 0 0;
	}
	#content .in-box .btn_area button{
		width: 10em;
		font-size: 1.125rem;
	}
}
@media only screen and (max-width: 480px) {
	#content .in-box dl dt{
		width: 100%;
		padding: 0.8em 0.5em 0;
	}
	#content .in-box dl dd{
		width: 100%;
		padding: 0.4em 0.5em 0.8em;
	}
	#content .in-box dl dt p.hissu {
		right:40px;
		font-size: 0.75rem;
	}
	#content .in-box dl dd .wFull{
		width: 100%;
		box-sizing: border-box;
	}

	#content .in-box .btn_area{
		padding: 30px 0 0 0;
		margin: 30px 0 0 0;
	}
	#content .in-box .btn_area button{
		width: 10em;
		font-size: 1.125rem;
	}
	
	#content .in-box dl dd input[type="text"],
	#content .in-box dl dd input[type="tel"],
	#content .in-box dl dd input[type="email"],
	#content .in-box dl dd textarea{
		width: 100% !important;
	}
}