/*------------------------------ enquete ----------*/
.bx-anq {
	border:15px solid #182e79;
	border-radius:10px;
	padding:45px 20px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.bx-anq p {
	text-align: center;
}
.bx-anq p strong {
	font-size:36px;
	font-weight:bold;
	color:#D80003;
}
.bx-anq ul {
	padding:5% 0 0 0 !important;
	margin:0 !important;
	list-style: none;
}
.bx-anq ul li {
	width:60%;
	margin:0 auto 4% auto;
	text-align: center;
}
.bx-anq ul li a {
	display: block;
	line-height:80px;
	background:#e58121;
	color:#fff;
	font-size:20px;
	font-weight:700;
	text-decoration: none;
}

/*------------------------------ Form common ----------*/
.questionnaire {
	border:1px solid #ccc;
}
.questionnaire div {
	padding:0 !important;
	border-bottom:1px solid #ccc;
	-webkit-align-items:center;
			align-items:center;	
}
.questionnaire div dt {
	position: relative;
	background:#fdfbe0;
	font-weight:700;
	font-size:20px;
	margin-bottom:10px !important;
}
.questionnaire div dd {
	font-size:16px;
	margin-bottom:10px !important;
    display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
			align-items: center;
}
.questionnaire div dt,
.questionnaire div dd {
	padding:15px !important;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.questionnaire div dd input[type="text"],
.questionnaire div dd input[type="email"],
.questionnaire div dd input[type="number"],
.questionnaire div dd input[type="date"],
.questionnaire div dd input[type="tel"] {
	font-family: "Noto Sans JP", sans-serif; 
	width:100%;
	height: 50px;
	line-height: 50px;
	padding:0 10px;
	display: inline-block;
	background:#fff;
    border:1px solid #859093;
	font-size: 16px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.questionnaire div dd p {
    display:inline-block;
	width:100%;
}
.questionnaire div dd table th {
	text-align: left;
	width:10%;
}
.questionnaire div dd table td {
	width:24%;
}
.questionnaire div dd table td select {
	display: block;
	width:100%;
	line-height: 50px;
	color:#000;
    border:1px solid #859093;
	-webkit-appearance: none;
			appearance: none;
}
select.is_choice {
  color: #999 !important;
}
select:invalid {
  color: #000;
}
.questionnaire div dd input.area_other {
    display:inline-block;
	width:30% !important;
	margin:2% 0 0 0 !important;
}
.questionnaire div dd input.chance_other,
.questionnaire div dd input.good_other,
.questionnaire div dd input.howtouse_other {
    display:inline-block;
	margin:2% 0 0 0 !important;
}
.questionnaire div dd span.wpcf7-list-item {
	width:40% !important;
	padding-left:40px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.questionnaire div dd label {
	position: relative;
	line-height:50px;
	display: block;
	width:100% !important;
}
.questionnaire div dd label:hover {
	cursor: pointer;
}
.questionnaire div dd textarea {
	font-family: "Noto Sans JP", sans-serif;
	display: block;
	width:100%;
	min-height: 130px !important;
	padding:15px;
	background:#fff;
    border:1px solid #859093;
	font-size: 16px;
    line-height:150%;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
.wpcf7-captchar {
	width:40% !important;
}
.error {
	display: block;
	margin:10px 0 0 0;
	color:#ff0000;
}
.bx-send {
    display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
			justify-content: center;
	padding:20px 0 !important;
	text-align:center !important;
    margin:0 auto;
    border-bottom:0 !important;
}
.bx-send input[type="submit"],
.bx-send button {
	display: block !important;
    border:none;
	background:#333;
	color:#fff;
	width:30%;
	height:70px;
	line-height:70px;
	font-size:16px;
	margin:0 auto;
    box-shadow: 0 7px 0 rgba(0,0,0,0.10);
	-webkit-transition:0.3s;
			transition:0.3s;
}
.bx-send input[type="submit"]:hover,
.bx-send button:hover {
	background:#999;
	cursor: pointer;
}
.bx-send p {
	margin:0 !important;
    border:none !important;
	width:100% !important;
	display: inline !important;
}
.error-entry {
	border:1px solid #c1272d;
	padding:4%;
	text-align: center;
	color:#c1272d;
	margin-bottom: 50px;
	background:rgba(255,77,1,0.10);
	-webkit-box-sizing:border-box;
			box-sizing:border-box;
}
.wpcf7-list-item {
	display: block;
}
.wpcf7-response-output {
    text-align: center;
    background:#fff;
    font-size:12px !important;
    padding:20px 10px !important;
}
.err {
	position: relative;
	clear:both;
	overflow: hidden;
	display: block !important;
	margin:10px 0 0 0;
	color:#ff0000;
	width:100% !important;
    font-size:16px;
    font-weight:700;
}
.ttl-form {
    text-align: center;
}

/*------------------------------ resForm radio checkbox ----------*/
.questionnaire input[type="radio"],
.questionnaire input[type="checkbox"] {
    position: absolute;
    right: 0;
    bottom: 0;
    left: -40px;
    top:10px !important;
    height: 30px;
    width: 30px;
    vertical-align: -100%;
    transition:all .15s ease-out 0s;
    cursor: pointer;
    display: inline-block;
    margin: 0 10px 0 0;
    outline: none;
    border-radius: 10%;
	opacity:1 !important;
	-webkit-appearance: none;
    		appearance: none;
}
.questionnaire input[type="radio"] {
    border-radius: 50%;
}
.questionnaire input[type="radio"]:checked:before,
.questionnaire input[type="checkbox"]:checked:before {
    transform: scale(0.5);
}
.questionnaire input[type="radio"]:before {
    content: '';
	margin:-4px 0 0 -4px;
    width: 32px;
    height: 32px;
	display: block;
    border-radius: 50%;
    transform: scale(0);
    -webkit-transition: 0.2s;
			transition: 0.2s;
}
.questionnaire input[type="checkbox"]:before {
    content: '';
	margin:-4px 0 0 -4px;
    width: 32px;
    height: 32px;
	display: block;
    transform: scale(0);
    -webkit-transition: 0.2s;
			transition: 0.2s;
}
.questionnaire input[type="radio"],
.questionnaire input[type="checkbox"] {
    border: 3px solid #999;
	background:#fff;
}
.questionnaire input[type="radio"]:checked:before,
.questionnaire input[type="checkbox"]:checked:before {
    background: #555;
}

@media only screen and (max-width:800px) {
	/*------------------------------ enquete ----------*/
	.bx-anq {
		border:5px solid #182e79;
		border-radius:10px;
		padding:10% 6% 5% 6%;
	}
	.bx-anq p {
		text-align: left;
	}
	.bx-anq p br {
		display: none;
	}
	.bx-anq p strong {
		font-size:24px;
		display: block;
		text-align: center !important;
	}
	.bx-anq ul {}
	.bx-anq ul li {
		width:100%;
		margin-bottom:8%;
	}
	.bx-anq ul li a {
		line-height:65px;
		font-size:16px;
	}
	
	/*------------------------------ Form common ----------*/
	h2.has-larger-font-size {
		font-size:26px !important;
		font-weight:700;
	}
	p.wp-block-paragraph {
		font-size: 18px !important;
	}
	.questionnaire {}
	.questionnaire div {}
	.questionnaire div dt {
		font-size:18;
		margin-bottom:2% !important;
	}
	.questionnaire div dd {
		font-size:18px;
		margin-bottom:2% !important;
		display:block;
	}
	.questionnaire div dt {
		padding:2% !important;
	}
	.questionnaire div dd {
		padding:2% 0 !important;
	}
	.questionnaire div dd input[type="text"],
	.questionnaire div dd input[type="email"],
	.questionnaire div dd input[type="number"],
	.questionnaire div dd input[type="date"],
	.questionnaire div dd input[type="tel"] {
		height: 50px;
		line-height: 50px;
		padding:0 2%;
	}
	.questionnaire div dd p {}
	.questionnaire div dd table th {
		width:100%;
		display: block;
		margin:2% 0;
		padding-left:3%;
	}
	.questionnaire div dd table td {
		width:100%;
		display: block;
		padding:1% 0 !important;
		margin-bottom:1%;
	}
	.questionnaire div dd table td p {
		width: auto !important;
		display: inline !important;
	}
	.questionnaire div dd table td select {
		width:100% !important;
	}
	select.is_choice {}
	select:invalid {}
	.questionnaire div dd input.area_other {
		width:100% !important;
	}
	.questionnaire div dd input.chance_other,
	.questionnaire div dd input.good_other,
	.questionnaire div dd input.howtouse_other {}
	.questionnaire div dd span.wpcf7-list-item {
		width:100% !important;
	}
	.questionnaire div dd label {
		display: block !important;
	}
	.questionnaire div dd span {
		padding:0 !important;
		display: block;
		margin:0 3% !important;
	}
	.questionnaire div dd span[data-name="notice"] {
	  margin:0 !important;
	}
	.questionnaire div dd label:hover {}
	.questionnaire div dd textarea {
		padding:2%;
	}
	.wpcf7-captchar {
		width:40% !important;
	}
	.error {
		margin:2% 0 0 0;
	}
	.bx-send {
		display:block;
		padding:5% 0 !important;
		text-align:center !important;
		margin:0 auto;
		border-bottom:0 !important;
	}
	.bx-send input[type="submit"],
	.bx-send button {
		width:70%;
		-webkit-transition:0s;
				transition:0s;
	}
	.bx-send input[type="submit"]:hover,
	.bx-send button:hover {
		background:#333;
	}
	.bx-send p {}
	.error-entry {
		margin-bottom: 10%;
	}
	.wpcf7-list-item {}
	.wpcf7-response-output {
		padding:4% 2% !important;
	}
	.err {
		margin:2% 0 0 0;
	}
	.ttl-form {}

	/*------------------------------ resForm radio checkbox ----------*/
	.questionnaire input[type="radio"],
	.questionnaire input[type="checkbox"] {}
	.questionnaire input[type="radio"] {}
	.questionnaire input[type="radio"]:checked:before,
	.questionnaire input[type="checkbox"]:checked:before {}
	.questionnaire input[type="radio"]:before {
		-webkit-transition: 0s;
				transition: 0s;
	}
	.questionnaire input[type="checkbox"]:before {
		-webkit-transition: 0s;
				transition: 0s;
	}
	.questionnaire input[type="radio"],
	.questionnaire input[type="checkbox"] {
	}
	.questionnaire input[type="radio"]:checked:before,
	.questionnaire input[type="checkbox"]:checked:before {}
}