@font-face {
	font-family: 'hyodo-Regular';
	src: url('/fonts/hyodo-Regular.woff2') format('woff2'),
	url('/fonts/hyodo-Regular.woff') format('woff');
}


/*****
 * custom properties
 *****/
:root{
	--col-main: #f27b8c;
	--col-sub: #fce5e7;
}

/*****
 * common
 *****/
html,body,div,span,h1,h2,h3,h4,img,strong,i,ul,li,form,label,a,button,input,p,select,th,td,pre,textarea{
  border: 0;margin: 0;outline: 0;padding: 0;
  font-family: 'hyodo-Regular';
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  color: #8f8d8e;
  background: transparent;
  box-sizing: border-box;
}
/*****
 * a
 *****/
a{
	color: var(--col-main);
	font-size: inherit;
	line-height: inherit;
}
a.btn{
	display: block;
	width: 100%;
	max-width: 295px;
	text-align: center;
	padding: 16px 0;
	font-size: 16px;
	line-height: 20px;
  border-radius: 100px;
  cursor: pointer;
  color: #fff;
  background: var(--col-main);
}
a.btn.sub{
  color: var(--col-main);
  border: 1px solid var(--col-main);
  background: #fff;
}
a.btn.cancel{
  color: #A2A3A3;
  border: 1px solid #A2A3A3;
  background: #fff;
}

/*****
 * input,password
 *****/
input[type="text"],input[type="password"],input[type="number"],input[type="email"],input[type="tel"]{
	display: block;
	border-radius: 5px;
	padding: 0 30px 0 10px;
	height: 50px;
	line-height: 50px;
	width: 100%;
	max-width: 335px;
	background-color: white;
  border: 1px solid #e2e0e2;
}
input::placeholder{
	opacity: 0.4;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*****
 * textarea
 *****/
textarea{
	display: block;
	border-radius: 5px;
	padding: 10px;
	height: 160px;
	width: 100%;
	background-color: white;
  border: 1px solid #e2e0e2;
  resize: none;
}

/*****
 * ul,li
 *****/
ul,li{
  display: block;
  overflow: hidden;
  width: 100%;
  list-style-type: none;
}

/*****
 * img
 *****/
img{
  vertical-align:middle;
  max-height:100%;
  max-width:100%;
}

/*****
 * table
 *****/
table{
	width: 100%;
}

/*****
 * select
 *****/
select{
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	width: 100%;
	outline: none;
	text-overflow: ellipsis;
	display: block;
	width: 100%;
	max-width: 335px;
	padding: 0 30px 0 10px;
	height: 50px;
	line-height: 50px;
	cursor: pointer;
	border: 1px solid #e2e0e2;
	border-radius: 5px;
	background: white url(/img/tri_mini.png) no-repeat top 50% right 15px;
}

/*****
 * hr
 *****/
hr{
	border: none;
	border-bottom: 1px solid #eee;
}

/*****
 * pre
 *****/
pre{
	white-space: pre-wrap;
}

/*****
 * span
 *****/
span{
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	font-weight: inherit;
}

/*****
 * message
 *****/
.message{
	color: red;
	font-size: 14px;
	line-height: 20px;
}