/* CSS Document */
@charset "utf-8";

.TAMPLATE-A{
	font: initial;
	letter-spacing: initial;
}
.catchcopy-main-area {
	width: 550px;
 	margin: 0 auto;
}
.catchcopy-main-area h1 {
    font-size: 32px;
    margin-top: 3em;
	margin-bottom: 2.5em;
    text-align: left;
    color: #71594e;
    font-weight: normal;
}
.catchcopy-main-area figure img {
	width:100%;
    padding: 6em 0;
}

.contents-text-area {
    font-size:0.875em;
	margin: 0 auto 4em auto;
	text-align: center;
	width: 550px;
}
.contents-text-area p {
    font-size: 1.5em;
    padding-bottom: 1em;
    line-height: 1.75em;
    text-align: center;
    color: rgb(163, 126, 86);
}

.contents-text__voice-link {
    font-size:0.875em;
	margin: 0 auto 4em auto;
	text-align: center;
	width: 960px;
}
.contents-text__voice-link p {
    font-size: 1.5em;
    padding-bottom: 1em;
    line-height: 1.75em;
    text-align: right;
    color: rgb(163, 126, 86);
	padding-top: 2em;
}

.form-contents-area {
	background-color:hsl(0, 100%, 99%); 
	padding:3em; 
	border-radius: 3px;
}

/* flex */
div.form-contents-area_frame1{
    margin-bottom: 6em;
}

.form-contents-area_frame1 div {
	display: flex;
	align-items: center;
	margin-bottom: 1em;
	width: 640px;
	margin: 2em auto;
}

.form-contents-area_frame1 label {
order: 1;
width: 10em;
padding-right: 1em;
text-align: right;
color: #bdaaa4;
}

.form-contents-area_frame1 input, select {
order: 2;
flex: 1 1 auto;
padding: 0.75em 1em;
border: 1px solid #b7956f;
}

.form-contents-area_frame1 em {
font-size:12px;
border: 1px solid none;
border-radius: 3px;
color:white;
background-color: red;
padding: 0.1em 0.618em;
margin-left: 0.5em;
}

.form-contents-area_frame1 h2 {
	text-align: left;
    width: 600px;
    margin: 0 auto;
    padding-bottom: 2em;
    color: #b7956f;
    line-height: 1.5em;
    padding-left:5em;
	text-indent:-1em;
}

.form-contents-area_frame1 input:focus ~ label, select:focus ~ label {
color: #933;
}
.form-contents-area_frame1 input:checked ~ label {
font-weight: bold;
}

/* flex none */
.form-contents-area_frame2 div {
    margin-bottom: 1em;
    width: 640px;
    margin: 3em auto;
    }
.form-contents-area_frame2 h2 {
    text-align: left;
    line-height: 1.5em;
    padding-bottom: 2em;
    color: #b7956f;
    font-size: 1em;
    padding-bottom: 1em;
}
.form-contents-area_frame2 textarea {
    width: 96%;
    display: block;
    border: 1px solid none;
    padding: 1em;
    line-height: 1.5em;
    border-radius: 5px;
    border: 1px solid #b7956f;
	height: 200px;
}

input[type="submit"] {
    padding:2em 7em;
    background-color: none;
    margin: 0 auto;
    background-color: #f1ede2;
    color: #5e4d3d;
    border-radius: 6px;
    border: 1px solid;
    font-size: 1.25em;
}

input::placeholder {
    opacity: 0.2;
    font-size: 14px
}

.entry-button {
	text-align:center; 
	margin: 6em 0;
}

.entry-button input:hover {
	background: #eee3c6;
	color: #5e4d3d;
	transition-duration:0s;
	transition-timing-function:ease-out;
	cursor: pointer;
}

.entry-button input {
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
}

.entry-close{
	font-size: 1.25em;
	color: red;
}

.form-radio p {
	color:#71594e;
	padding-bottom: 1.5em;
}

.radio{
	transform:scale(2.0);
	margin-right: 20px;
	margin-left: 5px;
}