@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------
コンタクト
--------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.PageBody.-contact {}
.PageBody.-contact > .inner { min-height:600px; }
.PageBody.-contact .formArea { max-width:860px; margin:auto; padding:80px; }
.PageBody.-contact .formArea .lead { font-size:16px; margin-bottom:64px; line-height:1.8; }
.PageBody.-contact .formArea .must { display:inline-block; height:auto; margin:0 4px 0 0; padding:5px 6px; font-size:12px; font-weight:bold; line-height:1.1; border-radius:4px; background:#C04246; color: #fff; position:relative; top:-1px; }
.PageBody.-contact .formArea ol li { margin-bottom:16px; }
.PageBody.-contact .formArea ol li span { font-size:12px; font-weight:bold; color:#999; margin-bottom:4px; display:block; }
.PageBody.-contact .formArea ol li:last-child { margin-bottom:0; }
.PageBody.-contact .formArea .BtnWrap { padding-top:24px; }
.PageBody.-contact .formArea .BtnWrap > a { display:flex; text-decoration:none; color:inherit; font-family: 'Roboto', sans-serif; font-weight: 300; letter-spacing: .2em; text-indent: .2em; display:flex; align-items:center; justify-content:center; font-size:12px; width:200px; height:40px; border:1px solid #ccc; color:#333; }

/* normal */
.normal .PageBody.-contact .formArea .BtnWrap > a { border:1px solid rgba(0,0,0,.2); color:#333; }

/* dark */
.dark .PageBody.-contact .formArea .BtnWrap > a { border:1px solid rgba(255,255,255,.2); color:#DEDEDE; }

@media screen and (max-width:1023px) { /* tablet tablet */
	.PageBody.-contact .formArea { margin:auto; padding:80px 40px; }
}
@media screen and (max-width:767px) { /* sp_3 6Plus */

	.PageBody.-contact {}
	.PageBody.-contact > .inner { min-height:0; }
	.PageBody.-contact .formArea { padding:40px 16px; }
	.PageBody.-contact .formArea .lead { font-size:16px; margin-bottom:32px; line-height:1.8; }
	.PageBody.-contact .formArea .must { display:inline-block; height:auto; margin:0 4px 0 0; padding:5px 6px; font-size:12px; font-weight:bold; line-height:1.1; border-radius:4px; background:#C04246; color: #fff; position:relative; top:-1px; }
	.PageBody.-contact .formArea ol li { margin-bottom:16px; }
	.PageBody.-contact .formArea ol li span { font-size:12px; font-weight:bold; color:#999; margin-bottom:4px; display:block; }
	.PageBody.-contact .formArea ol li:last-child { margin-bottom:0; }


	.PageBody.-contact .formArea .BtnWrap { width:200px; max-width:none; margin:12px auto 0; }
	.PageBody.-contact .formArea .BtnWrap > a { display:flex; justify-content:center; align-items:center; height:40px; width:100%; border:none; font-size:12px; font-family:'Roboto', sans-serif; font-weight:300; letter-spacing:.2em; text-indent:.2em; box-sizing:border-box; }
	.PageBody.-contact .formArea .BtnWrap > a::before { content:''; display:inline-block; margin:6px 2px 0 4px; vertical-align:middle; width:7px; height:7px; border-top:1px solid #fff; border-left:1px solid #fff; -webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%); }

	.normal .PageBody.-contact .formArea .BtnWrap > a { background:#fff; border:1px solid rgba(0,0,0,.2); color:#333; }
	.normal .PageBody.-contact .formArea .BtnWrap > a::before { border-color:rgba(0,0,0,.7); }
	.dark .PageBody.-contact .formArea .BtnWrap > a { background:#222; border:1px solid rgba(255,255,255,.2); color:#DEDEDE; }
	.dark .PageBody.-contact .formArea .BtnWrap > a::before { border-color:rgba(255,255,255,.7); }


}