@charset "UTF-8";
/*――――――――――――――――――
mv
―――――――――――――――――――*/
#contact #under_mv {
	background-image: url(../img/common/under_mv.jpg);
}

/*――――――――――――――――――
section
―――――――――――――――――――*/
#contact #section01 {
	padding-bottom: 80px;
}


.error{
	font-weight: 700;
	color:red;
}

/*------------------------------------------------------------
form
------------------------------------------------------------*/
.c-form {
	max-width: 1000px;
	margin: 0 0 72px 7px; }
	@media screen and (max-width: 736px) {
	  .c-form {
		margin: 0 0 45px; } }
	.c-form__row1 {
	  padding: 45px 0 0;
	  }
	  @media screen and (max-width: 736px) {
		.c-form__row1 {
		  display: block;
		  padding: 30px 0 7px; } }
	  .c-form__row1.lst {
		padding: 45px 0 0; }
		@media screen and (max-width: 736px) {
		  .c-form__row1.lst {
			padding: 30px 0; } }
	.c-form__col1 {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
		  -ms-flex-align: center;
			  align-items: center;
	  -webkit-box-pack: justify;
	  -webkit-justify-content: space-between;
		  -ms-flex-pack: justify;
			  justify-content: space-between;
	  padding: 0 20px 0 0;
	  margin: 0 0 13px; }
	  @media screen and (max-width: 736px) {
		.c-form__col1 {
		  margin-bottom: 10px;
		  width: 100%;
		  padding: 0; } }
	.c-form__col2 {
		font-size: 16px;
	  width: 100%; }
	  .c-form__col2.col2 {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
			-ms-flex-pack: justify;
				justify-content: space-between; }
		@media screen and (max-width: 736px) {
		  .c-form__col2.col2 {
			-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
					flex-wrap: wrap; } }
		.c-form__col2.col2 .c-input1 {
		  width: 48%; }
		  @media screen and (max-width: 736px) {
			.c-form__col2.col2 .c-input1 {
			  width: 100%;
			  margin: 0 0 5px; } }
	.c-form__text1 {
	  font-size: 16px;
	  color: #000;
	  }
	  @media screen and (max-width: 736px) {
		.c-form__text1 {
		  font-size: 16px;
		  } }
	.c-form__rules {
	  font-size: 14px;
	  line-height: 1.71;
	  text-align: center;
	  margin-top: 55px; }
	  @media screen and (max-width: 736px) {
		.c-form__rules {
		  margin-top: 34px;
		  text-align: left; } }
	  .c-form__rules a {
		color: #000; }
		.c-form__rules a:hover {
		  opacity: 1;
		  color: #baae94; }
	.c-form__box {
	  margin: 47px 0 16px;
	  padding: 25px 40px;
	  border: 1px solid #708292;
	  }
	  @media screen and (max-width: 736px) {
		.c-form__box {
		  margin: 0 0 15px;
		  padding: 6px 13px 12px; } }
	.c-form__ttl {
	  font-size: 16px;
	  line-height: 1.5;
	  letter-spacing: 1px;
	  margin: 0 0 3px; }
	  @media screen and (max-width: 736px) {
		.c-form__ttl {
		  font-size: 12px; } }
	.c-form__txt {
	  font-size: 12px;
	  line-height: 1.8;
	  margin: 0 0 19px; }
	  @media screen and (max-width: 736px) {
		.c-form__txt {
		  font-size: 09px;
		  margin: 0; } }
	.c-form .c-grcheck {
	  margin: 22px 0 0; }
	  @media screen and (max-width: 736px) {
		.c-form .c-grcheck {
		  margin: 20px 0 0; } }
  
  .c-form .l-inner{
	padding-right: 0;
  }
  .c-form .c-button3{
	display: block;
	margin-right: auto;
	margin-left: auto;
	transition: all .4s ease;
  }
  .c-form .c-button3:hover{
	background: #000000;
  }
  
  /*
  ------------------------------------------------------------*/
  .c-input1 input {
	background-color: #f0f0f0;
	height: 60px;
	font-size: 16px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding: 0px 15px;
	width: 100%;
	border: none;
	border-radius: 0;
	line-height: 1.5; }
	@media screen and (max-width: 736px) {
	  .c-input1 input {
		width: 100%;
		font-size: 16px; } }
  
  .c-input1 ::-webkit-input-placeholder {
	color: #bcbcbc; }
  
  .c-input1 ::-moz-placeholder {
	color: #bcbcbc; }
  
  .c-input1 :-ms-input-placeholder {
	color: #bcbcbc; }
  
  .c-input1 ::-ms-input-placeholder {
	color: #bcbcbc; }
  
  .c-input1 ::placeholder {
	color: #bcbcbc; }
  
  /*
	------------------------------------------------------------*/
  .c-textarea1 textarea {
	height: 144px;
	width: 100%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	border: none;
	resize: none;
	padding: 15px;
	font-size: 16px;
	color: #000;
	background-color: #f0f0f0;
	border-radius: 0; }
	@media screen and (max-width: 736px) {
	  .c-textarea1 textarea {
		font-size: 16px;
		margin: 0 0 37px; } }
  
  /*
  ------------------------------------------------------------*/
  .c-linebox {
	width: 232px;
	margin: 85px auto 72px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
			justify-content: space-between;
	padding: 36px 0 0;
	position: relative;
	right: 30px; }
	@media screen and (max-width: 736px) {
	  .c-linebox {
		width: 230px;
		margin: 52px auto 31px;
		padding: 16px 0 0;
		right: 0; } }
	.c-linebox::before {
	  content: "";
	  position: absolute;
	  top: 0;
	  width: 100%;
	  height: 1px;
	  background: #000; }
	.c-linebox__item1 {
	  font-weight: bold;
	  font-size: 20px;
	  line-height: 1.5; }
	  @media screen and (max-width: 736px) {
		.c-linebox__item1 {
		  font-size: 11px; } }
	  .c-linebox__item1.active::before {
		background: #ffffff;
		width: 12px;
		z-index: 1;
		height: 12px; }
	  .c-linebox__item1.active:after {
		content: "";
		background: #000;
		border-radius: 50%;
		top: -12px;
		left: -7.5px;
		width: 28px;
		height: 28px;
		position: absolute;
		z-index: -1; }
		@media screen and (max-width: 736px) {
		  .c-linebox__item1.active:after {
			top: -8px;
			left: -4px;
			width: 20px;
			height: 20px; } }
	  .c-linebox__item1::before {
		content: "";
		position: absolute;
		top: -4px;
		margin: 0 auto;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background: #000; }
	  .c-linebox__item1:nth-child(1)::before {
		left: 0; }
	  .c-linebox__item1:nth-child(1) span {
		position: relative;
		left: -16px; }
		@media screen and (max-width: 736px) {
		  .c-linebox__item1:nth-child(1) span {
			left: -6px; } }
	  .c-linebox__item1:nth-child(2)::before {
		left: 115px; }
		@media screen and (max-width: 736px) {
		  .c-linebox__item1:nth-child(2)::before {
			left: 111px; } }
	  .c-linebox__item1:nth-child(2).active::after {
		left: 107.5px; }
		@media screen and (max-width: 736px) {
		  .c-linebox__item1:nth-child(2).active::after {
			left: 106.5px; } }
	  .c-linebox__item1:nth-child(3)::before {
		right: 0; }
	  .c-linebox__item1:nth-child(3).active::after {
		right: -8px;
		left: auto; }
		@media screen and (max-width: 736px) {
		  .c-linebox__item1:nth-child(3).active::after {
			right: -4px; } }
	  .c-linebox__item1:nth-child(3) span {
		position: relative;
		right: -19px; }
		@media screen and (max-width: 736px) {
		  .c-linebox__item1:nth-child(3) span {
			right: -6px; } }
  
  /*
	------------------------------------------------------------*/
  .c-checkradio {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
		-ms-flex-direction: column;
			flex-direction: column;
	margin: 0 auto 6px; }
	@media screen and (max-width: 736px) {
	  .c-checkradio {
		margin-bottom: 11px; } }
	.c-checkradio input[type="radio"] {
	  display: none; }
	.c-checkradio input[type="radio"]:checked + span::before {
	  background: #74838E;
	  border: 8px solid #f0f0f0;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  }
	  @media screen and (max-width: 736px) {
		.c-checkradio input[type="radio"]:checked + span::before {
		  border: 6px solid #f0f0f0; } }
	.c-checkradio input[type="radio"]:checked + span::after {
	  opacity: 1;
	  -webkit-transform: scale(1);
		  -ms-transform: scale(1);
			  transform: scale(1); }
	.c-checkradio label span {
	  font-size: 16px;
	  font-weight: 500;
	  line-height: 2;
	  text-align: left;
	  color: #000;
	  position: relative;
	  display: inline-block;
	  padding: 0 0 0 50px;
	  cursor: pointer;
	  font-weight: normal;
	  margin-bottom: 10px;
	  }
	  @media screen and (max-width: 736px) {
		.c-checkradio label span {
		  margin-bottom: 15px;
		  font-size: 13px;
		  padding-left: 36px;
		  line-height: 1.5;
		  letter-spacing: -0.5px; } }
	  .c-checkradio label span::before, .c-checkradio label span::after {
		position: absolute;
		content: "";
		top: 50%;
		-webkit-transition: all 0.2s;
		transition: all 0.2s; }
	  .c-checkradio label span::before {
		top: 2px;
		left: 1px;
		width: 30px;
		height: 30px;
		background: #fff;
		border: 8px solid #f0f0f0;
		-webkit-box-sizing: border-box;
				box-sizing: border-box; }
		@media screen and (max-width: 736px) {
		  .c-checkradio label span::before {
			top: -2px;
			left: 0px;
			width: 22px;
			height: 22px; } }
	  .c-checkradio label span::after {
		opacity: 0;
		top: 0;
		left: 8px;
		width: 22px;
		height: 22px;
		-webkit-transform: scale(0);
			-ms-transform: scale(0);
				transform: scale(0); }
		@media screen and (max-width: 736px) {
		  .c-checkradio label span::after {
			top: 6px;
			left: 5px; } }
	.c-checkradio.stick span {
	  font-size: 14px; }
	  @media screen and (max-width: 736px) {
		.c-checkradio.stick span {
		  font-size: 10px; } }
	  .c-checkradio.stick span::before {
		top: 0; }
		@media screen and (max-width: 736px) {
		  .c-checkradio.stick span::before {
			top: -3px; } }
  
  .checkBox {
	margin-bottom: 55px; }
	.checkBox input[type="checkbox"] {
	  display: none; }
	.checkBox input[type="checkbox"]:checked + span::before {
	  background: #000;
	  border: 8px solid #f0f0f0;
	  -webkit-box-sizing: border-box;
			  box-sizing: border-box; }
	  @media screen and (max-width: 736px) {
		.checkBox input[type="checkbox"]:checked + span::before {
		  border: 6px solid #f0f0f0; } }
	.checkBox input[type="checkbox"]:checked + span::after {
	  opacity: 1;
	  -webkit-transform: scale(1);
		  -ms-transform: scale(1);
			  transform: scale(1); }
	.checkBox label span {
	  font-size: 18px;
	  font-weight: 500;
	  line-height: 1.8;
	  text-align: left;
	  color: #000;
	  position: relative;
	  display: inline-block;
	  padding: 0 0 0 50px;
	  cursor: pointer;
	  font-weight: bold; }
	  @media screen and (max-width: 736px) {
		.checkBox label span {
		  font-size: 13px;
		  padding-left: 36px;
		  line-height: 1.5;
		  letter-spacing: -0.5px; } }
	  .checkBox label span::before, .checkBox label span::after {
		position: absolute;
		content: "";
		top: 50%;
		-webkit-transition: all 0.2s;
		transition: all 0.2s; }
	  .checkBox label span::before {
		top: 2px;
		left: 1px;
		width: 30px;
		height: 30px;
		background: #fff;
		border: 8px solid #f0f0f0;
		-webkit-box-sizing: border-box;
				box-sizing: border-box; }
		@media screen and (max-width: 736px) {
		  .checkBox label span::before {
			top: -2px;
			left: 0px;
			width: 22px;
			height: 22px; } }
	  .checkBox label span::after {
		opacity: 0;
		top: 0;
		left: 8px;
		width: 22px;
		height: 22px;
		background: 000;
		-webkit-transform: scale(0);
			-ms-transform: scale(0);
				transform: scale(0); }
		@media screen and (max-width: 736px) {
		  .checkBox label span::after {
			top: 6px;
			left: 5px; } }
	.checkBox.stick span {
	  font-size: 14px; }
	  @media screen and (max-width: 736px) {
		.checkBox.stick span {
		  font-size: 10px; } }
  

		  .c-button3 {
			font-family: "Ubuntu", sans-serif;
			border: 1px solid #74838E;
			background: #fff;
			color: #000000;
			font-size: 20px;
			line-height: 1.5;
			width: 200px;
			height: 49px;
			text-align: center;
			position: relative;
			cursor: pointer;
			}
			@media screen and (max-width: 736px) {
			  .c-button3 {
				max-width: 172px;
				min-height: 25px;
				height: auto;
				width: 100%;
				border: 1px solid #979797;
				line-height: 1.4;
				padding: 10px;
				} }
			.c-button3::before {
			  content: "";
			  position: absolute;
			  right: -1px;
			  top: 0px;
			  background: #74838e;
			  -webkit-transition: all 0.3s ease;
			  transition: all 0.3s ease;
			  height: 0%;
			  width: 1px; }
			.c-button3::after {
			  content: "";
			  position: absolute;
			  right: -1px;
			  top: -1px;
			  background: #74838e;
			  -webkit-transition: all 0.3s ease;
			  transition: all 0.3s ease;
			  width: 0%;
			  height: 1px; }
			.c-button3__inner {
			  position: relative;
			  height: 100%;
			}
			 .c-button3__inner::before {
			   content: '';
			   display: block;
			   position: absolute;
			   width: 0;
			   height: 100%;
			   background: #000000;
			   -webkit-transition: width .3s ease-in-out;
			   transition: width .3s ease-in-out;
			 }
		  
			.c-button3 a {
			  text-decoration: none;
			  display: block;
			  color: inherit;
			  opacity: 1;
			  line-height: 1;
			  position: relative;
			  padding: 16px 0;
			  font-size: 16px;
			  }
			  @media screen and (max-width: 736px) {
				.c-button3 a {
				  padding: 3px 0; } }
			@media screen and (min-width: 768px) {
			 .c-button3:hover {
				opacity: 1;
				color: #fff; }
				.c-button3:hover .c-button3__inner::before{
				  width: 100%;
				}
				}