@charset "UTF-8";
/* CSS Document */


/* 
STYLE FOR HubSpot Form
*/


:root {
	--font-family:
		"Helvetica Neue",
		Arial,
		"Hiragino Kaku Gothic ProN",
		"Hiragino Sans",
		Meiryo,
		YuGothic,
		sans-serif;
	
	--font-size: 1.5rem;
	--button-bg: #ff500d;
	--button-bg-active: #ff500d;
	--button-color: #ffffff;
	--button-font-size: 2rem;
	--link-color: #3288e6;
	--link-font-weight: bold;
	--link-text-decoration: none;
	--link-text-decoration-hover: underline;
	--error-font-size: 1.5rem;
	--help-font-size: 1.1rem;
}

#footer .hbspt-form {
	padding: 0 0 5rem;
	border-bottom: 1px solid #ffffff;
}
#footer .submitted-message {
	background: #333333;
	border-radius: 5px;
	color: #ffffff;
	margin: 2rem auto 0;
	max-width: 60rem;
	padding: 1rem;
}
.hs-form h1 {
	font-size: 3rem;
	font-weight: bold;
	padding-top: 7rem;
	margin-top: -6rem;
	text-align: center;
}
.single .entry_content .entry_postdata .hs-form ul {
	margin-left: 0;
}

/* GENERAL */
/*.hbspt-form {
	padding-left: 4px;
}*/

.hs-form a {
	color: var(--link-color);
	font-weight: var(--link-font-weight);
	text-decoration: var(--link-text-decoration);
}
.hs-form a:hover {
	text-decoration: var(--link-text-decoration-hover);
}
.hs-form fieldset {
	max-width: inherit !important;
}
.hs-form button,
.hs-form input,
.hs-form select,
.hs-form textarea {
	font-family: var(--font-family);
	font-size: var(--font-size);
}
.hs-form input[type="text"],
.hs-form input[type="tel"],
.hs-form input[type="email"],
.hs-form input[type="number"],
.hs-form textarea {
	width: 100% !important;
	box-sizing: border-box;
}

/* BUTTON */
.hs-form input.hs-button {
	background-color: var(--button-bg);
	border-color: var(--button-bg);
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	color: var(--button-color);
	cursor: pointer;
	display: inline-block;
	font-size:  var(--button-font-size);
	font-weight: 700;
	letter-spacing: 0.5rem;
	line-height: 1.5;
	margin: 0;
	min-width: 200px;
	padding: 1.5rem 3.5rem 1.5rem 4rem;
	position: relative;
	text-align: center;
	transition: all .4s ease;
}
#footer .hs-form input.hs-button {
	border-radius: 30px;
	display: block;
	letter-spacing: 0;
	margin: 0 auto;
	padding: 1.5rem 0;
	width: 100%;
	max-width: 400px;
}
.hs-button:hover,
.hs-button:focus {
	/*opacity: .8;*/
	outline: none;
	transform: scale(1.1);
}
.hs-button:active {
	background-color: var(--button-bg-active);
	border-color: var(--button-bg-active);
	opacity: 1;
}


/* LABEL */
.hs-form label {
	font-family: var(--font-family);
	font-size: var(--font-size);
	display: block;
	font-weight: 700;
	line-height: 1.5;
	margin-top: 10px;
	margin-bottom: 4px;
}
#footer .hs-form label {
	color: #ffffff;
}
.hs-form .inputs-list label {
	font-weight: 500;
	margin-top: 0;
}
.hs-form .hs_agree_to_privacy_policy .inputs-list {
	padding-right: 5px;
}
.hs-form .hs_agree_to_privacy_policy .inputs-list label {
	text-align: center;
}
.hs-form .hs-video-form label {
	color: #fff!important;
}
.hs-form .hs-error-msgs label,
.hs-form .hs-form-field label.hs-error-msgs {
	color: #f2545b!important;
	font-size: var(--error-font-size)!important;
}


/* INPUT */
.hs-form .hs-input {
	display: inline-block;
	height: 4.4rem;
	padding: 9px 10px;
	font-size: var(--font-size);
	font-weight: normal;
	line-height: 1.5;
	color: #33475b;
	background-color: #f5f8fa;
	border: 1px solid #cbd6e2;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px
}
fieldset.form-columns-1 .hs-fieldtype-select .hs-input {
	width: 100%!important;
}
.hs-form .hs-input[type=checkbox],
.hs-form .hs-input[type=radio] {
	cursor: pointer;
	width: auto;
	height: auto;
	padding: 0;
	margin: 3px 5px 3px 0px;
	line-height: 1.5;
	border: none;
}
.hs-form .hs-input[type=file] {
	background-color: #fff;
	padding: initial;
	border: initial;
	line-height: initial;
	box-shadow: none;
	height: 27px
}
.hs-form .hs-input:-moz-placeholder {
color:#bfbfbf
}
.hs-form .hs-input::-webkit-input-placeholder {
color:#bfbfbf
}
.hs-form .hs-input input,
.hs-form .hs-input textarea {
	transition: border 0.2s linear
}
.hs-form .hs-input:focus {
	outline: none;
	border-color: rgba(82,168,236,0.8)
}
.hs-form textarea.hs-input {
	height: auto;
}
.hs-form select[multiple].hs-input {
	height: inherit
}
.hs-form input.hs-input.error,
.hs-form div.field.error input,
.hs-form div.field.error textarea,
.hs-form div.field.error .chzn-choices,
.hs-form textarea.hs-input.error,
.hs-form select.hs-input.error {
	border-color: #c87872
}
.hs-form input.hs-input.error:focus,
.hs-form div.field.error input:focus,
.hs-form div.field.error textarea:focus,
.hs-form div.field.error .chzn-choices:focus,
.hs-form textarea.hs-input.error:focus,
.hs-form select.hs-input.error:focus {
	border-color: #b9554d
}
.hs-form .actions {
	/*margin-top: 18px;*/
	margin-bottom: 18px;
	padding: 17px 0 18px 0px
}
#footer .hs-form .actions {
	margin-bottom: 0;
	padding: 0px
}
.hs-form .inputs-list {
	margin: 0 0 5px;
	width: 100%;
	padding-left: 5px
}
.hs-form .inputs-list>li {
	display: block;
	padding: 0;
	width: 100%;
	padding-top: 0
}
.hs-form .inputs-list label {
	display: block;
	float: none;
	width: auto;
	padding: 0;
	line-height: 1.5;
	text-align: left;
	white-space: normal;
	font-weight: normal
}
.hs-form .inputs-list:first-child {
	padding-top: 6px
}
.hs-form .inputs-list>li+li {
	padding-top: 2px
}

/* ul {
	list-style: none
} */

.hs-form .field {
	margin-bottom: 25px;
}
.hs-form .hs-field-desc {
	color: #e2233a;
	margin: 0px 0px 6px;
	font-size: var(--error-font-size);
	font-family: var(--font-family);
}
.hs-form .hs-form-required {
	color: red
}
.hs-form .hs-richtext {
	margin-bottom: 3px;
	font-family: var(--font-family);
	line-height: 1.6;
	font-size: var(--font-size);
	color: #33475b;
	margin-bottom: 30px;
}
.hs-form .hs-richtext hr {
	text-align: left;
	margin-left: 0;
	width: 91%
}
.email-correction,
.email-validation {
	padding-top: 3px;
	font-size: 80%;
	font-family: var(--font-family);
}
.email-correction .hs-form a,
.email-validation .hs-form a {
	cursor: pointer
}


@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
	.email-correction form.hs-form .form-columns-2 .hs-form-field,
	.email-correction form.hs-form .form-columns-3 .hs-form-field,
	.email-validation form.hs-form .form-columns-2 .hs-form-field,
	.email-validation form.hs-form .form-columns-3 .hs-form-field {
		float: none;
		width: 100%
	}
	.email-correction form.hs-form .form-columns-2 .hs-form-field .hs-input,
	.email-correction form.hs-form .form-columns-3 .hs-form-field .hs-input,
	.email-validation form.hs-form .form-columns-2 .hs-form-field .hs-input,
	.email-validation form.hs-form .form-columns-3 .hs-form-field .hs-input {
		width: 90%
	}
	.email-correction form.hs-form .form-columns-2 .hs-form-field input[type="checkbox"],
	.email-correction form.hs-form .form-columns-2 .hs-form-field input[type="radio"],
	.email-correction form.hs-form .form-columns-3 .hs-form-field input[type="checkbox"],
	.email-correction form.hs-form .form-columns-3 .hs-form-field input[type="radio"],
	.email-validation form.hs-form .form-columns-2 .hs-form-field input[type="checkbox"],
	.email-validation form.hs-form .form-columns-2 .hs-form-field input[type="radio"],
	.email-validation form.hs-form .form-columns-3 .hs-form-field input[type="checkbox"],
	.email-validation form.hs-form .form-columns-3 .hs-form-field input[type="radio"] {
		width: 24px
	}
}


.hs-form .hs-button,
.hs-form .hs-form-field input[type="text"],
.hs-form .hs-form-field input[type="email"],
.hs-form .hs-form-field input[type="phone"],
.hs-form .hs-form-field input[type="number"],
.hs-form .hs-form-field input[type="tel"],
.hs-form .hs-form-field input[type="date"],
.hs-form .hs-form-field textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
}
.hs-form {
	width: 100%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.hs-form .hs-submit > .actions {
	text-align: center;
}


.hs-form legend.hs-field-desc {
	font-family: var(--font-family);
	color: var(--button-bg);
	font-size: var(--help-font-size);
}
.hs-form .legal-consent-container .hs-richtext,
.hs-form .legal-consent-container label {
	font-family: var(--font-family);
	color: var(--button-bg);
	font-size: var(--help-font-size);
}
.hs-form .fn-date-picker.pika-single {
	z-index: 9999;
	display: block;
	position: relative;
	color: #333;
	background: #fff;
	border: 1px solid #ccc;
	border-bottom-color: #bbb;
	font-family: var(--font-family);
*zoom:1
}
.hs-form .fn-date-picker.pika-single.is-hidden {
	display: none
}
.hs-form .fn-date-picker.pika-single.is-bound {
	position: absolute;
	box-shadow: 0 5px 15px -5px rgba(0,0,0,0.5)
}
.hs-form .fn-date-picker.pika-single:before,
.hs-form .fn-date-picker.pika-single:after {
	content: " ";
	display: table
}
.hs-form .fn-date-picker.pika-single:after {
	clear: both
}
.hs-form .fn-date-picker .pika-lendar {
	float: left;
	width: 240px;
	margin: 8px
}
.hs-form .fn-date-picker .pika-title {
	position: relative;
	text-align: center
}
.hs-form .fn-date-picker .pika-title select {
	cursor: pointer;
	position: absolute;
	z-index: 9998;
	margin: 0;
	left: 0;
	top: 5px;
	filter: alpha(opacity=0);
	opacity: 0
}
.hs-form .fn-date-picker .pika-label {
	display: inline-block;
*display:inline;
	position: relative;
	z-index: 9999;
	overflow: hidden;
	margin: 0;
	padding: 5px 3px;
	font-size: var(--error-font-size);
	line-height: 20px;
	font-weight: bold;
	background-color: #fff
}
.hs-form .fn-date-picker .pika-prev,
.hs-form .fn-date-picker .pika-next {
	display: block;
	cursor: pointer;
	position: relative;
	outline: none;
	border: 0;
	padding: 0;
	width: 20px;
	height: 30px;
	text-indent: 20px;
	white-space: nowrap;
	overflow: hidden;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 75% 75%;
	opacity: 0.5;
*position:absolute;
*top:0
}
.hs-form .fn-date-picker .pika-prev:hover,
.hs-form .fn-date-picker .pika-next:hover {
	opacity: 1
}
.hs-form .fn-date-picker .pika-prev.is-disabled,
.hs-form .fn-date-picker .pika-next.is-disabled {
	cursor: default;
	opacity: 0.2
}
.hs-form .fn-date-picker .pika-prev,
.hs-form .fn-date-picker .is-rtl .pika-next {
	float: left;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
*left:0
}
.hs-form .fn-date-picker .pika-next,
.hs-form .fn-date-picker .is-rtl .pika-prev {
	float: right;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
*right:0
}
.hs-form .fn-date-picker .pika-select {
	display: inline-block;
*display:inline
}
.hs-form .fn-date-picker .pika-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0
}
.hs-form .fn-date-picker .pika-table th,
.hs-form .fn-date-picker .pika-table td {
	width: 14.28571%;
	padding: 0
}
.hs-form .fn-date-picker .pika-table th {
	color: #999;
	font-size: 80%;
	line-height: 25px;
	font-weight: bold;
	text-align: center
}
.hs-form .fn-date-picker .pika-table abbr {
	border-bottom: none;
	cursor: help
}
.hs-form .fn-date-picker .pika-button {
	cursor: pointer;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	border: 0;
	margin: 0;
	width: 100%;
	padding: 5px;
	color: #666;
	font-size: 80%;
	line-height: 15px;
	text-align: right;
	background: #f5f5f5
}
.hs-form .fn-date-picker .pika-button:hover {
	color: #fff !important;
	background: #ff8000 !important;
	box-shadow: none !important;
	border-radius: 3px !important
}
.hs-form .fn-date-picker .is-today .pika-button {
	color: #3af;
	font-weight: bold
}
.hs-form .fn-date-picker .is-selected .pika-button {
	color: #fff;
	font-weight: bold;
	background: #3af;
	box-shadow: inset 0 1px 3px #178fe5;
	border-radius: 3px
}
.hs-form .fn-date-picker .is-disabled .pika-button {
	pointer-events: none;
	cursor: default;
	color: #999;
	opacity: 0.3
}
.hs-form .fn-date-picker .pika-week {
	font-size: 75%;
	color: #999
}


.hs-form .hs-fieldtype-select div.input {
	position: relative;
}
.hs-form .hs-fieldtype-select div.input::after {
    content: "";
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	transform: rotate(45deg);
	width: 7px;
	height: 7px;
	position: absolute;
	top: calc(50% - 6px);
	right: 2.5rem;
}
.hs-form select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 40px;
    padding: 8px 12px;
    border:1px solid #ddd;
    color:#828c9a;
    width:100%;
    border-radius:3px;
}
.hs-form select option{
  background-color: #fff;
  color: #333;
}
.hs-form select::-ms-expand {
  display: none;
}
.hs-form select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}



/*==========================================================
	個別フォーム設定
==========================================================*/

/* お問い合わせ等シンプルなフォーム前リード文章 */
body.single-event .entry_content .is-layout-constrained p.simple_form_lead_hs,
.simple_form_lead_hs {
	font-size: 1.6rem;
	margin-bottom: 0;
	padding: 0 0 2rem;
}
.hs-form .hs-richtext .simple_form_lead_hs {
	border-bottom: 1px solid #cccccc;
	font-size: 1.6rem;
	margin-bottom: 4rem;
	padding: 0 0 2rem;
	padding-left: 0;
}

.hs-form .hs-richtext .simple_form_lead_hs p,
.hs-form .hs-richtext .simple_form_lead_hs ul,
.hs-form .hs-richtext .simple_form_lead_hs ol {
	line-height: 1.6;
	margin-top: 1rem;
	margin-bottom: 2rem;
	margin-left: 0;
	margin-right: 0;
}
.hs-form .hs-richtext .simple_form_lead_hs p {
	margin-top: 0;
	margin-left: 1.5rem;
}
.hs-form .hs-richtext .simple_form_lead_hs p:last-child,
.hs-form .hs-richtext .simple_form_lead_hs ul:last-child,
.hs-form .hs-richtext .simple_form_lead_hs ol:last-child {
	margin-bottom: 0;
}
.hs-form .hs-richtext .simple_form_lead_hs ul,
.hs-form .hs-richtext .simple_form_lead_hs ol {
	list-style-type: disc;
	padding-left: 3rem;
}
.hs-form .hs-richtext .simple_form_lead_hs li {
	padding-left: 0.5rem;
	margin-bottom: 1rem;
}