﻿.privacy_link-box {
  text-align: right;
  display: block;
  margin-top: 5px;
  margin-bottom: 20px;
}

.privacy_link-box a {
  color: #fff;
  text-decoration: none;  
}@charset "utf-8";


/***********************************
form css
************************************/

form {
	color:#333;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	font-size:14px;
  font-family: 'Noto Sans JP', sans-serif;
}

.error {
	color:#cc0000;
	display:block;
}

.require-notes:before ,
.require:after {
	content:"＊";
	color:#cc0000;
	font-size:13px;
	font-weight:bold;
}

.require-notes:before {
	padding-right:3px;
}

.require:after {
	padding-left:3px;
}

::placeholder {
  color:#ccc;
}

input[type="text"] {
	border:solid 1px #bebebe;
	background-color:#fff;
	margin:0;
	outline:none;
	padding-bottom:0;
	padding-right:0;
	padding-left:10px;
	padding-top:0;
	position:relative;
	width:100%;
	width :-webkit-calc(100% - 10px);
	width :calc(100% - 10px);
}

input[type="radio"] {	
	cursor:pointer;
	height:auto;
	margin-right:4px;
	margin-left:8px;
}

input[type="radio"]:first-child {	
	margin-left:0;
}

input[type="radio"]:checked + label {	
}

input[type="checkbox"] {
}

input[type="checkbox"]:checked + label {
}

.selectWrap {
  position:relative;
  display:inline-block;
}

.selectWrap::after {
  content:'';
  border:0px;
  border-bottom:solid 2px #b4b3b3;
  border-right:solid 2px #b4b3b3;
  height:6px;
	margin-top:-5px;
  position:absolute;
	right:12px;	
	-ms-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);  
  top:50%;
	width:6px;
}

.selectWrap select {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:5px;
	border-radius:5px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
	background:transparent;
	border:1px solid #bebebe;
	margin:0;
  padding:0 40px 0 10px;
	position:relative;
	width:100%;
	z-index:1;  
}

select::-ms-expand {
    display:none;
}

textarea {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:5px;
	border-radius:5px;	
	border:solid 1px #bebebe;
	background-color:#fff;
	margin:0;
	outline:none;	
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	position:relative;
	resize:none;	
	width:100%;
	width :-webkit-calc(100% - 20px);
	width :calc(100% - 20px);	
}

input[type="text"]:focus,
select:focus,
textarea:focus {	
	background-color:#fafafa;
	border:solid 1px #999;	
	box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);
	outline:none;
	transition:all 0.1s;
}

/*ボタン*/
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
  background-color: #dd4827;
	cursor:pointer;
	margin:0;
	outline:none;
	padding:0;
	position:relative;
	text-align:center;
	width:100%;
  color: #fff;
  border: none;
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	opacity:0.5;
}

label {
	cursor:pointer;
}

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

form table th {
	font-weight:bold;
}

form table th,
form table td {
}

form table td {
	text-align:left;
}

/*form-btn-box*/
form ul.form-btn-box {
	display:block;
	overflow:hidden;
	position:relative;	
	text-align:center;
	width:100%;
}

form ul.form-btn-box li {
	display:inline-block;
}

/*w-size-box*/
.form-box {
	width:100%;
}

.form-box:last-child {
	margin-bottom:0;
}	

.form-box span.ss-form-box,
.form-box span.s-form-box,
.form-box span.m-form-box,
.form-box span.l-form-box {
	display:inline-block;
}	

.form-box span.comment-box {
	color:#666;
	display:inline-block;
}


form table th,
form table td:nth-child(odd) {
  color: #fff;
}

.privacy_link-box {
  text-align: right;
  display: block;
  margin-top: 5px;
  margin-bottom: 20px;
}

.privacy_link-box a {
  color: #fff;
  text-decoration: none;  
}


.include_form-box {
  width: 100%;
}

.include_form-box .notes {
  display: block;
  text-align: right;
  margin-bottom: 10px;
  font-size: 12px;
  color: #fff;
}

@media print,screen and (min-width:769px) {
	
	.error {
	}
	
	input {
		height: 60px;
		line-height: 60px;
	}
	
	select {
		height: 60px;
		line-height: 60px;
		width: 100%;
	}
	
	/*ボタン*/
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"] {
		line-height: 60px;
		height: 60px;
		font-size: 15px;
	}
	
	/*table*/
	form table {
		width:100%;
	}
	
	form table th,
	form table td {
		padding-bottom: 15px;
	}
	
	form table td:nth-child(odd) {
		width: 35%;
		text-align: right;
		padding-right: 5%;
    font-size: 20px;
    font-weight: 100;
	}

	form table td {
		width:85%;
	}	
	
	/*form-btn-box*/
	ul.form-btn-box {
	}
	
	ul.form-btn-box li {
		width:30%;
	}
		
	/*w-size-box*/
	.form-box {
		margin-bottom:10px;
	}
	
	.ss-form-box {
		width:10%;
	}
	
	.s-form-box {
		width:30%;
	}
	
	.m-form-box {
		width:40%;
	}		
	
	.l-form-box {
		width:80%;
	}
	
	.form-box span.comment-box {
		line-height:40px;
		margin-left:10px;
	}
	
}

@media screen and (max-width:768px) {

	.error {
	}
	
	input {
		height: 40px;
		line-height: 40px;
	}
	
	select {
		height:40px;
		line-height:40px;
		width: 100%;
	}
	
	/*ボタン*/
	button,
	input[type="button"],
	input[type="submit"],
	input[type="reset"] {
		line-height: 60px;
		height: 60px;
		font-size: 15px;
	}
	
	/*table*/
	form table {
		width:100%;
	}
	
	form table th,
	form table td {
		padding-bottom: 10px;
	}
	
	form table td:nth-child(odd) {
		width: 35%;
		text-align: right;
		padding-right: 3%;
		font-size: 15px;
		font-weight: 100;
	}

	form table td {
		width:85%;
	}	
	
	/*form-btn-box*/
	ul.form-btn-box {
	}
	
	ul.form-btn-box li {
		width:30%;
	}
		
	/*w-size-box*/
	.form-box {
		margin-bottom:10px;
	}
	
	.ss-form-box {
		width:10%;
	}
	
	.s-form-box {
		width:30%;
	}
	
	.m-form-box {
		width:40%;
	}		
	
	.l-form-box {
		width:80%;
	}
	
	.form-box span.comment-box {
		line-height:40px;
		margin-left:10px;
	}
  
}
