@charset "utf-8";



/* CSS Document */

/* =========================================================

 リセット

========================================================= */

html,

body,

div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

abbr,

address,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

samp,

small,

strong,

sub,

sup,

var,

b,

i,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary,

time,

mark,

audio,

video {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	font-weight: normal;

	vertical-align: baseline;

	background: transparent;

}



body {

	line-height: 1;

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

	display: block;

}



ol,

ul {

	list-style: none;

}



blockquote,

q {

	quotes: none;

}



blockquote: before,

blockquote: after,

q: before,

q: after {

	content: "";

	content: none;

}



a {

	margin: 0;

	padding: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	overflow: hidden;

	outline: none;

	/* color: #4a57ff; */

}



ins {

	background-color: #ff9;

	color: #000;

	text-decoration: none;

}



mark {

	background-color: #ff9;

	color: #000;

	font-style: italic;

	font-weight: bold;

}



del {

	text-decoration: line-through;

}



abbr[title],

dfn[title] {

	border-bottom: 1px dotted;

	cursor: help;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #cccccc;

	margin: 1em 0;

	padding: 0;

}



input,

select {

	vertical-align: middle;

}



img {

	vertical-align: top;

	font-size: 0;

	line-height: 0;

}



th {

	text-align: left;

}



iframe {

	vertical-align: bottom;

}



video {

	display: block;

}



a:hover {

	text-decoration: none;

}



.pinkText {

	font-weight: bold;

	color: #ff697b;

}



/* =========================================================

 clearfix

========================================================= */

.clearfix:after {

	content: "";

	clear: both;

	display: block;

}



/* =========================================================

 べース

========================================================= */

body {

}



/* =========================================================

 form

========================================================= */

/*フォーム*/

.error {

	font-size: 14px;

	color: #ff0000;

	margin-left: 15px;

	width: 980px;

}



/* contact */

form {

	color: #333;

	display: flex;

	flex-direction: column;

	align-items: center;

}



.contentsBox {

	width: 70%;

	margin: 0 auto;

}



.contentsBox input[type="text"],

.contentsBox input[type="email"],

.contentsBox textarea {

	display: block;

	width: 70%;

	margin-bottom: 10px;

	padding: 15px;

	border: 1px solid #fff;

	border-radius: 0;

	outline: none;

	background: #fff;

}



.contentsBox input[type="text"]:focus,

.contentsBox textarea:focus {

	box-shadow: 0 0 4px #fff inset;

}



.contentsBox textarea {

	height: 200px;

}



.contentsBox button[type="submit"],

.contentsBox button[type="button"] {

	display: block;

	width: 25%;

	/* margin: 55px auto 0; */
	margin: 10px;

	padding: 15px;

	border: 5px solid #fff;

	border-radius: 10px;

	background-color: transparent;

	color: #000;

	cursor: pointer;

	-webkit-appearance: button;

	transition: all 0.3s ease;

	background: #fff;

	font-size: 1.4rem;

	line-height: 1.4em;

	font-weight: bold;

	padding: 2px;

}



.contentsBox button[type="submit"]:hover,

.contentsBox button[type="button"]:hover {

	background-color: #000;

	color: #fff;

	-webkit-appearance: button;

}



#resultWrap,

#finish {

	color: #333;

	text-align: left;

	width: 70%;

	margin: 0 auto;

	background: #fff;

}



#resultWrap p,

#finish p {

	display: block;

	width: 70%;

	margin-bottom: 10px;

	padding: 15px;

	border-radius: 0;

	outline: none;

}



/* ここからスマホ */

@media (max-width: 768px) {

	.contentsBox {

		width: 100%;

	}

	.contentsBox button[type="submit"],

	.contentsBox button[type="button"] {

		margin: 10px auto 0;

	}

}