@charset "UTF-8";
/* ----- Gigya ----- */
#jme {
	padding: 0 0 10px 0;
}

/* ----- message ----- */
.area-contents.area-message_all {
	padding: 30px 0;
}

.area-message_all h2.title__page-message {
	margin: 1.4rem 0 2.4rem;
	color: #343434;
	font-size: 4.0rem;
	font-family: a-otf-ud-reimin-pr6n, sans-serif;
	font-style: normal;
	font-weight: bold;
	line-height: 1.0;
	letter-spacing: 1px;
}

.area_message {
	width: 100%;
	max-width: 900px;
	padding: 25px 50px;
	margin: 50px auto;
	text-align: left;
	border-radius: 10px;;
}
	@media only screen and (max-width : 689px){
		.area_message {
			padding: 15px 10px;
			margin: 0;
		}
	}

.area-jme	{
	margin:	60px 0 30px 0;
	padding: 10px 15px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 700;
}
@media only screen and (max-width : 689px){
	.area-jme	{
		margin:	40px 0 20px 0;
		padding: 10px 10px;
	}
}

.area-jme__title	{
	margin:	0;
	padding: 0;
	font-size:	2.0rem;
}
	@media only screen and (max-width : 689px){
		.area-jme__title	{
			font-size:	1.6rem;
		}
	}

.area-jme__title a i	{
	color:#fff;
}

.area-jme__member	{
	margin:	20px 0 40px 0;
	padding:	15px 0;
	background:	#fff;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
}

.area-jme__member p	{
	font-size:1.2rem;
	line-height: 1.5;
}

.area-jme__title span	{
	margin:	0 0 0 2.2rem;
	font-size:	1.4rem;
	font-weight:	normal;
	color: #fff;
}

.area-message__input {
	width: 100%;
	margin: 0 auto 40px;
	text-align: left;
	font-size: 1.4rem
}

.area-message__input dt	{
	margin: 0 0 10px;
	padding: 0 5px 2px 10px;
	border-left: solid 6px #be8c4a;
	/* border-bottom: solid 1px #ccc; */
	font-family: "Noto Sans JP", sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 1px;
}
	@media only screen and (max-width : 689px){
		.area-message__input dt	{
			padding: 0 5px 2px 8px;
			border-left: solid 4px #be8c4a;
			border-bottom: solid 1px #ccc;
			font-size: 1.6rem;
		font-weight: 400;
			letter-spacing: 0;
		}
	}

.area-message__input dd	{
	padding: 3px 5px 0 5px;
	line-height:	2.2;
	font-size: 1.6rem
}

input[type='text'],input[type='password'],select,textarea{
	margin: 10px 0 0 0 !important;
	padding: 6px 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background-color: #fafafa;
	font-size: 1.6rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

input:focus,
select:focus,
textarea:focus {
	border: 1px #a89685 solid;
	outline: 0;
}

textarea {
	padding: 10px;
	height: 8.0em;
}

input[type='submit']{
	border:	 none;
	display: block;
	width: 80%;
	margin: 70px auto 0 auto;
	padding: 20px;
	background: #be8c4a;
	color: #fff;
	font-size: 2.8rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}
	@media only screen and (max-width : 689px){
		input[type='submit']{
			font-size: 2.0rem;
		}
	}

input:hover[type='submit']{
	background: #e2ad68;
}

/* {
	display: inline-block;
	margin: 0;
	padding: 0.4rem 2.0rem !important;
	color: #fff !important;
	background:#c30d24;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
} */

.arrow {
	display: inline-block;
	position: relative;
	margin: 0 0 0 5px;
	padding: 0.4rem 1.0rem 0.4rem 2.0rem !important;
	vertical-align: middle;
	color: #fff !important;
	text-decoration: none;
	font-size: 1.4rem;
	font-weight: 500;
	background: #be8c4a;
	-moz-border-radius:	6px;
	-webkit-border-radius:	6px;
	border-radius:	6px;
}
	@media only screen and (max-width : 689px){
		.arrow {
			font-size: 1.2rem;
		}
	}



.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 5px;
	content: "";
	vertical-align: middle;
}
.arrow::before{
	left: 3px;
	width: 7px;
	height: 1px;
	background: #fff;
}
a.arrow::after{
	left: 3px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

input[type='RESET']{
	border:	none;
	display: block;
	width: 30%;
	padding: 10px;
	background: #515151;
	color:	#fff;
	font-size: 1.6rem;
	appearance:	none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor:	pointer;
	margin:	0 auto;
}

input:hover[type='RESET']{
	background: #838282;
}

label, input[type='checkbox'] {
	cursor: pointer;
}

label, input[type='checkbox'] {
	cursor: pointer;
}

.area-message table {
	margin: 50px 0 0 0;
}

p.notice	{
	font-size: 1.0rem;
	line-height: 1.4;
}

/* message
--------------------------------------------------------- */
.fs1	{
	width:	10%;
	}

.fs2	{
	width:	20%;
	}

.fs3	{
	width:	30%;
	}

.fs4	{
	width:	40%;
	}

.fs5	{
	width:	50%;
	}

.fs6	{
	width:	60%;
	}

.fs7	{
	width:	70%;
	}

.fs8	{
	width:	80%;
	}

.fs9	{
	width:	90%;
	}

.fs10	{
	width:	100%;
	}

@media only screen and (max-width :1024px){
.fs1	{
	width:	90%;
	}

.fs2	{
	width:	20%;
	}

.fs3	{
	width:	90%;
	}

.fs4	{
	width:	90%;
	}

.fs5	{
	width:	90%;
	}

.fs6	{
	width:	90%;
	}

.fs7	{
	width:	90%;
	}

.fs8	{
	width:	90%;
	}

.fs9	{
	width:	90%;
	}

.fs10	{
	width:	90%;
	}

}

@media only screen and (max-width :599px){
.fs1	{
	width: 100%;
	}

.fs2	{
	width: 100%;
	}

.fs3	{
	width: 100%;
	}

.fs4	{
	width: 100%;
	}

.fs5	{
	width: 100%;
	}

.fs6	{
	width: 100%;
	}

.fs7	{
	width: 100%;
	}

.fs8	{
	width: 100%;
	}

.fs9	{
	width: 100%;
	}

.fs10	{
	width: 100%;
	}

}