@charset 'UTF-8';
.box-contact {
	margin-bottom: 100px;
}

/* #malform
------------------------------*/
#mailform {
	margin-top: 50px;
}
#mailform .row01,
#mailform .row02 {
	display: none;
}
#mailform th,
#mailform td {
	vertical-align: top;
    padding: 10px 20px 9px;
}
#mailform th {
	vertical-align: top;
	font-weight: normal;
}
#mailform th .req {
	margin-left: 5px;
	color: #41800C;
	font-size: 1.2rem;
	line-height: 2.8333;
}
#mailform th .att{
	color: #41800C;
	font-size: 1.2rem;
	line-height: 2;
	display: block;
}
#mailform th img {
	vertical-align: -2px;
}
#mailform td .example {
	display: inline-block;
	margin: 15px 0 5px;
	line-height: 1.4;
}
#mailform td .example02,
#mailform td .example03 {
	display: inline-block;
	line-height: 2.428;
	font-size: 1.4rem;
}
#mailform td .example03 {
	margin-left: 1em;
}
#mailform td .menulink {
	margin-top: 10px;
	line-height: 1.4;
}
#mailform td .menulink a {
	text-decoration: underline;
	font-weight: normal;
}
#mailform td .menulink a:hover {
	text-decoration: none;
}
#mailform input[type='text'] {
	width: 100%;
	height: 38px;
	background: #F7F7F7;
	padding: 5px;
	font-family: inherit;
	font-size: inherit;
margin-bottom: 10px;
}
#mailform input.short {
	width: 222px;
	max-width: 100%;
}
#mailform input.postage {
	width: 250px;
	max-width: 100%;
	margin: 0 0 10px 10px;
}
.mailform-column {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.form-radio {
  margin-right: 20px;
}
.form-radio__input,
.form-check__input {
  display: none;
}
.form-radio__input ~ .form-radio__label {
  display: block;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
  font-size: 1.6rem;
}
.form-check__input ~ .form-check__label {
  display: block;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
  font-size: 1.6rem;
}
.form-radio__input ~ .form-radio__label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 50%;
  margin-top: -8px;
}
.form-check__input ~ .form-check__label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #999;
  margin-top: -8px;
}
.form-radio__input ~ .form-radio__label::after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #999;
  border-radius: 50%;
  margin-top: -5px;
}
.form-check__input ~ .form-check__label::after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 3px;
  width: 8px;
  height: 8px;
  background: #999;
  margin-top: -5px;
}
.form-radio__input:checked ~ .form-radio__label::after,
.form-check__input:checked ~ .form-check__label::after {
  display: block;
}
/*#mailform input[type='radio'] {
	display: none;
}
#mailform input[type='radio'] + label {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	margin-right: 30px;
	cursor: pointer;
}
#mailform input[type='radio'] + label::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	background: #FFF;
	border: 1px solid #999;
	border-radius: 50%;
	margin-top: -8px;
}
#mailform input[type='radio'] + label::after {
	content: '';
	display: none;
	position: absolute;
	top: 50%;
	left: 3px;
	width: 8px;
	height: 8px;
	background: #999;
	border-radius: 50%;
	margin-top: -5px;
}
#mailform input[type='radio']:checked + label::after {
	display: block;
}*/

/*#mailform input[type='checkbox'] {
	display: none;
}
#mailform input[type='checkbox'] + label {
	display: inline-block;
	position: relative;
	padding-left: 25px;
	margin-right:25px;
	cursor: pointer;
}
#mailform input[type='checkbox'] + label::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 14px;
	height: 14px;
	background: #FFF;
	border: 1px solid #999;
	border-radius:2px;
	margin-top: -8px;
}
#mailform input[type='checkbox'] + label::after {
	content: "\2713";
	font-size: 15px;
	color: #000;
	text-align: center;
	line-height: 15px;
	display: none;
}
#mailform input[type='checkbox']:checked + label::after {
	display: block;
	position: absolute;
	top:9px;
	left: 0;
}*/
#mailform textarea {
	width: 100%;
	min-height: 150px;
	background: #F7F7F7;
	padding: 5px;
	font-family: inherit;
	font-size: inherit;
	margin-top: 10px;
}
#mailform p.submit {
	margin-top: 50px;
	text-align: center;
}
#mailform p.submit button {
	background: #FFFFFF;
	border: 1px solid #000000;
	font-family: '游ゴシック', 'Yu Gothic', YuGothic,"メイリオ", "Meiryo",ヒラギノ角ゴ Pro W3, "Hiragino Kaku Gothic Pro",sans-serif;
	width: 280px;
	font-size: 1.6rem;
	line-height: 60px;
	text-align: center;
	outline: none;
	color: #000000;
	position: relative;
	overflow: hidden;
	transition: .3s;
}
#mailform p.submit button:before{
	position: absolute;
	transition: .3s;
	content: '';
	width: 0;
	left: 50%;
	bottom: 0;
	height: 2px;
	background: #000;
}
#mailform p.submit button:hover:before {
	width: 100%;
	left: 0;
}
#mailform p.submit button:hover {
	cursor: pointer;
}
.privacy .text {
	margin-bottom: 20px;
}
.privacy .policy > li {
	padding-left: .5em;
	margin: 0 0 20px 18px;
	list-style: decimal outside;
}
.privacy .policy > li:last-child {
	margin-bottom: 0;
}
.privacy .policy .list li {
	position: relative;
	padding-left: 15px;
}
.privacy .policy .list li::before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}