/* Hubspot reset */

.container-fluid {
	padding-right: 0;
  padding-left: 0;
}

.container {
	margin: 0 auto!important;
  float: none!important;
}

table {
	border-collapse: collapse;
}

html, body {
	height: 100%;
}

body {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 13px;
	color: #333;
	line-height: 1.6153846;
	overflow-x: hidden;
	overflow-y: scroll;
  margin: 0;
}

img {
	max-width: 100%;
}

.container {
	max-width: 1030px;
}

a {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.pc-br{
	display: none;
}

@media only screen and (min-width: 769px) {
	body {
		font-size: 16px;
		line-height: 2;
	}
	.sp-br{
		display: none;
	}
	.pc-br{
		display: block;
	}
}
/* titles
=================================== */
.title1 {
	color: #000;
	text-align: center;
	margin: 0 0 33px;
	font-size: 17px;
	line-height: 1.4705882;
	font-weight: bold;
}

.title2 {
	color: #000;
	text-align: center;
	margin: 0 0 33px;
	font-size: 21px;
	line-height: 1.4285714;
	font-weight: bold;
}

.mainTxt {
	text-align: center;
	line-height: 1.6153846;
	margin-bottom: 37px;
}

@media only screen and (min-width: 769px) {
	.title1 {
		font-size: 30px;
		margin-bottom: 58px;
	}

	.title2 {
		margin-bottom: 45px;
		font-size: 42px;
		line-height: 1.4285714;
	}

	.mainTxt {
		margin-bottom: 37px;
	}
}

/* section1
=================================== */
.section1 {
	padding: 57px 0 47px;
}

.section1 .companyList {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 400px;
	margin: 0 auto;
}

.section1 .companyList .column {
	width: 50%;
	text-align: center;
	margin-bottom: 20px;
}

.section1 .companyList .column img {
	width: 146px;
}

.section1 .companyListPc,
.section1 .companyListSp {
	text-align: center;
}

.section1 .companyListPc {
	display: none;
}
@media only screen and (max-width: 374px) {
	.section1 .companyList .column img {
		width: 130px;
	}
}

@media only screen and (min-width: 769px) {
	.section1 {
		padding: 118px 0 126px;
	}

	.section1 .companyList {
		max-width: 780px;
	}
	.section1 .companyList .column {
		width: 33.33%;
		margin-bottom: 37px
	}
	.section1 .companyList .column img {
		width: 207px;
	}

	.section1 .companyListPc {
		display: block;
	}

	.section1 .companyListSp {
		display: none;
	}
}

/* section2
=================================== */
.section2 {
	padding: 57px 15px 47px;
}

.values .block {
	margin-bottom: 40px;
}

.values .block:last-child {
	margin-bottom: 0;
}

.values .block .column:last-child {
	text-align: center;
}

.values .block .column {
	color: #000;
}

.values .block .column .heading {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 8px;
}

.values .block .column .heading .ico,
.values .block .column .heading h3{
	display: table-cell;
	vertical-align: middle;
}

.values .block .column .heading .ico {
	width: 54px;
	font-size: 50px;
  line-height: 0;
	font-family: 'Mr Dafoe', cursive;
}

.values .block .column .heading h3 {
	font-weight: bold;
	line-height: 2;
	margin: 0;
	font-size: 15px;
	color: #000
}

.values .block .column:nth-child(2) {
	margin: 27px 0 0;
}

.values .block .column img {
	width: 154px;
}

@media only screen and (min-width: 769px) {
	.section2 {
		padding: 112px 0 160px;
	}

	.values {
		margin-bottom: 58px;
	}

	.values .block {
		display: table;
		width: 100%;
		table-layout: fixed;
		margin-bottom: 86px;
	}

	.values .block .column {
		display: table-cell;
		vertical-align: top;
	}

	.values .block .column img {
		width: auto;
    padding-top: 15px;
	}

	.values .block .column:last-child {
		width: 423px;
		padding-left: 35px;
	}
  
	.values .block .column .heading {
		margin-bottom: 15px;
	}

	.values .block .column .heading .ico {
		width: 100px;
		font-size: 100px;
    line-height: 0;
	}

	.values .block .column .heading h3 {
		font-size: 30px;
	}
}

/* section3
=================================== */
.section3 {
	padding: 57px 15px 60px;
}

.contact .heading {
	border-left-width: 2px;
	border-left-style: solid;
	margin: 0 0 27px;
	font-weight: bold;
	color: #000;
  font-size: 13px;
  line-height: 1.6153846;
	padding-left: 20px;
}

.contact .column {
	margin-bottom: 40px;
}

.contact .column:last-child {
	margin-bottom: 0px;
}

.contact .body {
	background-color: #f3f3f3;
	padding: 15px 20px 16px;
	position: relative;
}

.contact .body:before {
	content: '';
	width: 0; 
	height: 0; 
	border-left: 9px solid transparent;  /* left arrow slant */
	border-right: 9px solid transparent; /* right arrow slant */
	border-bottom: 15px solid #f3f3f3; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -9px;
	top: -15px;
}

.contact .body p {
	margin-bottom: 0;
}

@media only screen and (min-width: 769px) {
	.section3 {
		padding: 107px 0 120px;
	}

	.contact {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.contact .column {
		width: 47%;
		margin-bottom: 60px;
	}

	.contact .heading {
		border-left-width: 4px;
		margin: 0 0 35px;
		font-size: 24px;
    line-height: 1.5;
		padding-left: 30px;
	}

	.contact .body {
		padding: 30px 40px 32px;
		font-size: 16px;
	}

	.contact .body:before {
		border-left: 18px solid transparent;  /* left arrow slant */
		border-right: 18px solid transparent; /* right arrow slant */
		border-bottom: 30px solid #f3f3f3; /* bottom, add background color here */
		margin-left: -18px;
		top: -30px;
	}
}

/* section4
=================================== */
.section4 {
	padding: 57px 15px 60px;
}

.voice .column {
	margin-bottom: 40px;
}

.voice .column:last-child {
	margin-bottom: 0;
}

.voice .column .quote {
	margin-bottom: 0;
	text-align: right;
	font-size: 11px;
  line-height: 1.9090909;
	font-weight: bold;
}

.voice .column .quote span {
	position: relative;
}

.voice .body {
	background: #fff;
	padding: 15px 20px 16px;
	border-radius: 4px;
	color: #000;
	margin-bottom: 7px;
}

.voice .column .quote span {
  padding-left: 20px;
	position: relative;
}

.voice .column .quote span:before {
	content: '';
	position: absolute;
	left: 0;
	top: -9px;
	width: 13px;
	height: 14px;
	background: url('https://cdn2.hubspot.net/hubfs/598786/service/icon_bubble.png') center no-repeat;
	background-size: 100%;
}

.voice .body p {
	margin-bottom: 0;
}

@media only screen and (min-width: 769px) {
	.section4 {
		padding: 107px 0 120px;
	}

	.voice {
		margin-bottom: 4px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.voice .column {
		width: 47%;
		margin-bottom: 56px;
	}

	.voice .column .quote {
		font-size: 14px;
    line-height: 1.7142857;
	}

	.voice .body {
		padding: 30px 40px 31px;
		border-radius: 8px;
		margin-bottom: 15px;
	}

	.voice .column .quote span {
  	padding-left: 40px;
	}
	.voice .column .quote span:before {
		left: 0px;
		top: -18px;
		width: 25px;
		height: 28px;
	}
}


.faq .heading {
	margin: 0 0 30px;
	font-weight: bold;
	color: #000;
  font-size: 13px;
  line-height: 1.6153846;
	padding-left: 30px;
	min-height: 60px;
}

.faq .column {
	margin-bottom: 40px;
	position: relative;
}

.faq .column:before {
	position: absolute;
	content: 'Q';
	font-size: 70px;
	font-weight: bold;
	top: -10px;
	left: -10px;
	line-height: 1;
	z-index: -1;
	font-style: italic;
}

.faq .column:last-child {
	margin-bottom: 0px;
}

.faq .body {
	padding: 15px 20px 16px;
	position: relative;
}

.faq .body:after {
	position: absolute;
	content: 'A';
	font-size: 70px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	z-index: 0;
	font-style: italic;
	bottom: 10px;
	right: 10px;
}

.faq .body p {
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}

.generalTable table {
	width: 100%;
	color: #000;
	margin-bottom: 40px;
}

.generalTable table:last-child {
	margin-bottom: 0;
}

.generalTable th,
.generalTable td {
	border-width: 1px;
	border-style: solid;
}

.generalTable th {
	text-align: center;
	font-size: 15px;
	padding: 10px;
}

.generalTable td {
	padding: 15px 20px 16px;
	vertical-align: top;
}

.generalTable td.heading {
	font-weight: bold;
	width: 30%;
}

@media only screen and (min-width: 769px) {
	.generalTable td.heading,
  .generalTable strong {
		font-size: 18px;
		line-height: 1.77777;
	}
}

.generalTable ul {
	margin-left: -20px;
	margin-top: 5px;
}

.contactSection {
	padding: 57px 0 60px;
}

.section--form {
	max-width: 600px;
  margin: 0 auto !important;
	float: none !important;
}

.section--form ul {
	list-style: none;
	margin-left: -40px;
}

.contact-info {
	text-align: center;
	margin-bottom: 40px;
}

.contact-info .main {
	font-size: 17px;
  line-height: 1.4705882;
	font-weight: bold;
	margin-bottom: 27px;
}
.contact-info .thx_main {
	margin: 49px 0 31px;
	font-size: 17px;
  line-height: 1.4705882;
	font-weight: bold;
}

.contact-info .sub a {
	color: #333;
	text-decoration: underline;
}

.form .form-label {
	font-size: 14px;
	font-weight: bold;
	color: #000;
}

.form .form-label span,
.form .form-label i {
	display: inline-block;
	color: #fff;
	background: #e81815;
	font-size: 10px;
	margin-left: 10px;
	padding: 1px 5px;
	font-style: normal;
}

.form .form-control {
	border-radius: 0;
	border-color: #888;
	background: #eee;
	padding: 9px;
	height: auto;
}

.form textarea.form-control {
	height: 100px;
}

.form select.form-control {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #eee url('https://cdn2.hubspot.net/hubfs/598786/service/icon_dropdown.png') right 12px center no-repeat;
	background-size: 13px 7px;
	padding-right: 30px;
}

.form .form-group {
	margin-bottom: 25px;
}

.form .submit {
	text-align: center;
	margin-top: 30px;
}

.form .submit button {
	width: 100%;
	display: block;
	font-size: 16px;
	background: #e81815;
	color: #fff;
	border: 0;
	padding: 13px 15px;
	position: relative;
	border: 1px solid #e81815;
	-webkit-transition: color 0.2s ease, background-color 0.2s ease;
	transition: color 0.2s ease, background-color 0.2s ease;
	font-weight: bold;
}

.form .submit button:hover {
	color: #e81916;
	background-color: transparent;
}

.form .submit button .ico {
	width: 19px;
	height: 11px;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	transition: -webkit-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.form .submit button:hover,
.form .submit button:focus {
	text-decoration: none;
}

.form .submit button:hover .ico {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.form .submit button:hover .ico path {
	fill: #e81916;
}

.form .terms {
	height: 169px;
	padding: 15px;
	border: 1px solid #888;
	overflow-y: scroll;
	font-size: 9px;
	line-height: 2;
	color: #000;
	margin-bottom: 15px;
}

.customCheckbox label {
	display: block;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 12px;
}

.customCheckbox label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.customCheckbox label span {
	position: relative;
	padding-left: 30px;
}

.customCheckbox label span:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #eee;
	border: 1px solid #888;
}

.customCheckbox label input:checked ~ span:before {
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/service/icon_check.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 13px 10px;
}

.customRadio label {
	display: block;
	position: relative;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 12px;
}

.customRadio label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.customRadio label span {
	position: relative;
	padding-left: 30px;
}

.customRadio label span:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #eee;
	border: 1px solid #888;
	border-radius: 50%;
}

.customRadio label input:checked ~ span:before {
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/service/icon_check2.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 10px;
}

@media only screen and (min-width: 769px) {
	.faq {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.faq .column {
		width: 47%;
		margin-bottom: 60px;
	}

	.faq .column:before {
		font-size: 140px;
		left: -20px;
		top: -20px;
	}

	.faq .body:after {
		font-size: 140px;
		right: 20px;
		bottom: 10px;
	}

	.faq .column:last-child, .faq .column:nth-last-of-type(2) {
		margin-bottom: 0;
	}

	.faq .heading {
		margin: 0 0 35px;
		font-size: 24px;
    line-height: 1.5;
		padding-left: 60px;
	}

	.faq .heading_small {
		font-size: 18px;
	}

	.faq .body {
		padding: 40px;
		font-size: 16px;
	}

	.generalTable ul {
		font-size: 16px;
		margin-top: 10px;
	}

	.generalTable table {
		margin-bottom: 60px;
	}

	.generalTable th {
		font-size: 24px;
    line-height: 1.5;
	}
	.generalTable td {
		padding: 37px 40px;
	}

	.contactSection {
		padding: 107px 0 120px;
	}

	.contact-info .main {
		font-size: 24px;
    line-height: 1.5;
	}
	.contact-info .thx_main {
		margin: 92px 0 36px;
		font-size: 30px;
    line-height: 2;
	}

	.contact-info .sub {
		font-size: 16px;
	}
  
	.contact-info .thx_sub {
		font-size: 16px;
    line-height: 2;
	}

	.contact-info .sub a {
		text-decoration: none;
	}

	.form .form-label {
		font-size: 18px;
		margin-bottom: 18px;
	}

	.form .twoColumns {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.form .twoColumns .form-group {
		width: 46%;
	}

	.form .form-group {
		margin-bottom: 30px;
	}

	.form .form-control {
		padding: 13px 24px;
		font-size: 16px;
	}

	.form .form-control.form-md {
		max-width: 758px;
	}

	.form .form-control.form-sm {
		max-width: 584px;
	}

	.form textarea.form-control {
		height: 170px;
	}

	.form select.form-control {
		background-position: right 20px center;
		background-size: auto;
		padding-right: 50px;
	}

	.form .form-label span,
	.form .form-label i {
		font-size: 16px;
	}

	.form .terms {
		padding: 30px 40px;
		font-size: 16px;
		height: 200px;
		margin-bottom: 40px;
	}

	.form .submit {
		margin-top: 60px;
	}

	.form .submit button {
		font-size: 24px;
		display: inline-block;
		max-width: 470px;
		padding: 21px 15px;
	}

	.customCheckbox label {
		font-size: 16px;
		margin-bottom: 20px;
	}


	.form .submit button .ico {
		right: 30px;
		width: 37px;
		height: 21px;
	}

	.customCheckbox label span {
		padding-left: 45px;
	}

	.customCheckbox label span:before {
		height: 30px;
		width: 30px;
		top: -2px;
	}

	.customCheckbox label input:checked ~ span:before {
		background-size: 24px 18px;
	}

	.customRadio label {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.customRadio label span {
		padding-left: 45px;
	}

	.customRadio label span:before {
		height: 30px;
		width: 30px;
		top: -2px;
	}

	.customRadio label input:checked ~ span:before {
		background-size: 18px;
	}
}


/* ctaBtn
=================================== */
.ctaBtn {
	text-align: center;
	padding: 30px 0;
}

.ctaBtn p {
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

.ctaBtn .link a {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 15px 40px 15px 15px;
	max-width: 619px;
	margin: 0 auto;
	position: relative;
	border-width: 1px;
	border-style: solid;
	-webkit-transition: color 0.2s ease, background-color 0.2s ease;
	transition: color 0.2s ease, background-color 0.2s ease;
  text-decoration: none;
}

.ctaBtn .link a:hover {
	background-color: transparent;
}

.ctaBtn .link .ico {
	width: 19px;
	height: 11px;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	transition: -webkit-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.ctaBtn .link a:hover,
.ctaBtn .link a:focus {
	text-decoration: none;
}

.ctaBtn .link a:hover .ico {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.ctaBtn .link a:hover .ico path {
	fill: #e81916;
}

@media only screen and (min-width: 769px) {
	.ctaBtn {
		padding: 28px 0 42px;
	}

	.ctaBtn p {
		font-size: 24px;
		margin-bottom: 19px;
	}

	.ctaBtn .link a {
		font-size: 24px;
		padding: 16px 30px 17px;
	}

	.ctaBtn .link .ico {
		width: 37px;
		height: 21px;
		right: 30px;
	}
}

/* service
=================================== */
.service .block {
	background: #fff;
	padding: 15px 20px 16px;
	margin-bottom: 40px;
}

.service .block:last-child {
	margin-bottom: 0;
}

.service .block .heading {
	color: #000;
	margin: 0;
	font-weight: bold;
  font-size: 13px;
  line-height: 1.6153846;
	margin-bottom: 6.5px;
}

.service .block .tbl .column-img {
	text-align: center;
	margin-bottom: 15px;
}

.service .block .note {
	font-weight: bold;
	text-align: right;
	margin-bottom: 0;
	font-size: 11px;
  line-height: 1.9090909;
}

@media only screen and (min-width: 769px) {
	.service .block {
		padding: 60px;
		font-size: 16px;
	}

	.service .block .heading {
		font-size: 24px;
		line-height: 1.5;
		margin-bottom: 30px;
	}

	.service .block .note {
		font-size: 14px;
		line-height: 1.7142857;
	}

	.service .block .tbl {
		display: table;
		width: 100%;
		table-layout: fixed;
	}

	.service .block .tbl .column {
		display: table-cell;
		vertical-align: top;
	}

	.service .block .tbl .column-img {
		width: 340px;
		padding-right: 40px;
	}
}

/* social
=================================== */
.social {
	background: #eee;
	text-align: center;
	padding: 60px 0;
}

.social p {
	font-weight: bold;
	font-size: 17px;
  line-height: 1.4705882;
	color: #000;
	margin-bottom: 40px;
}

.social ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.social ul li {
	margin: 0 15px;
}

.social ul li img {
	width: 60px;
}

@media only screen and (min-width: 769px) {
	.social {
		padding: 120px 0;
	}

	.social p {
		font-size: 24px;
    line-height: 1.5;
		margin-bottom: 55px;
	}

	.social ul li {
		margin: 0 20px;
	}

	.social ul li img {
		width: 80px;
	}
}

/* footer
=================================== */
.footer {
	background: #000;
	color: #fff;
	padding: 0 0 10px;
	text-align: center;
	position: relative;
}

.footer .footer__inner {
	padding-top: 31px;
}

.footer .image img {
	width: 130px;
}

.footer .image {
	margin-bottom: 30px;
}

.footer .text {
	font-size: 14px;
  line-height: 1.7142857;
	margin-bottom: 50px;
}

.footer .text a {
	color: #fff;
	text-decoration: underline;
}

.footer .copy {
	font-weight: bold;
	font-size: 9px;
  line-height: 1.77777777;
}


@media only screen and (min-width: 769px) {
	.footer {
		padding: 0 0 120px;
	}

	.footer .footer__inner {
		padding-top: 40px;
	}

	.footer .wrap {
		display: table;
		width: 100%;
		table-layout: fixed;
		max-width: 768px;
		margin: 0 auto;
	}

	.footer .wrap .image {
		display: table-cell;
		vertical-align: middle;
		width: 212px;
		padding-right: 50px;
	}

	.footer .wrap .image img {
		width: auto;
	}

	.footer .wrap .column {
		display: table-cell;
		vertical-align: middle;
		width: auto;
		text-align: left;
	}

	.footer .text {
		margin-bottom: 0;
		font-size: 18px;
    line-height: 1.77777;
	}

	.footer .copy {
		font-size: 12px;
    line-height: 2.66666;
		margin-bottom: 0;
	}

}

/* pageTop
=================================== */
.pageTopContainer {
	height: 80px;
	position: relative;
}
.pageTop {
	position: absolute;
	right: 40px;
	bottom: 0;
	z-index: 1;
}
.pageTop.fixed {
	position: fixed;
	bottom: 40px;
}
.pageTop[aria-hidden="true"] {
	-webkit-transition: opacity 0.5s, visibility 0.5s ease;
	transition: opacity 0.5s, visibility 0.5s ease;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0) perspective(0);
	        transform: translate3d(0, 0, 0) perspective(0);
}
.pageTop[aria-hidden="false"] {
	opacity: 1;
	visibility: visible;
	-webkit-transition: bottom 0s ease, opacity 0.5s, visibility 0.5s ease;
	transition: bottom 0s ease, opacity 0.5s, visibility 0.5s ease;
}
.pageTop[aria-hidden="false"].fixed {
	-webkit-transition: bottom 0.5s ease, opacity 0.5s, visibility 0.5s ease;
	transition: bottom 0.5s ease, opacity 0.5s, visibility 0.5s ease;
}
.pageTop__button {
	display: block;
	padding: 9.5px 14.5px;
	background-color: #000;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.pageTop__button__inner {
	width: 21px;
	height: 31px;
}
.pageTop__button .ico__arrow path {
	stroke: #fff;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

@media screen and (min-width: 769px) {
	.pageTop__button:hover {
		opacity: 1;
		-webkit-transform: translateY(-2.5px);
		transform: translateY(-2.5px);
		background-color: rgba(232, 24, 21, 0.7);
	}
}

@media screen and (max-width: 768px) {
	.pageTopContainer {
		height: 43px;
	}
	.pageTop {
		right: 9px;
	}
	.pageTop.fixed {
		bottom: 30px;
	}
	.pageTop__button {
		padding: 7px 10px;
	}
	.pageTop__button__inner {
		width: 15px;
		height: 21px;
	}
}

/* page header
=================================== */
header .topheader {
	padding: 15px;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background: #fff;
	border-bottom: 1px solid #cccccc;
}

header .topheader a {
	color: #000;
	font-weight: bold;
	font-size: 21px;
	line-height: 1;
	text-decoration: none;
}

.sectionGuide {
	padding: 60px 0px;
}

.list__indent {
	color: #666;
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.list__indent li {
	padding-left: 1em;
	text-indent: -1em;
}

.serviceGuide_title {
	margin: 0 0 52px;
	text-align: center;
	color: #000;
	font-size: 30px;
	line-height: 1.5;
	font-weight: bold;
}

.serviceGuide_image {
	padding: 0 15px;
	margin-bottom: 40px;
	text-align: center;
}

.serviceGuide_desc {
	text-align: center;
	margin-bottom: 40px;
}

.serviceGuide_info {
	padding: 30px 30px 5px;
	margin-bottom: 17px;
}

.serviceGuide_info h2 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 20px;
	text-align: center;
}

.serviceGuide_info ul {
	margin-left: -20px;
}

.serviceGuide_info ul li {
	margin-bottom: 15px;
}

.serviceGuide_column:first-child {
	margin-bottom: 60px;
}

.serviceGuide_bubble {
	margin-bottom: 43px;
	width: 100%;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	padding: 15px 20px 16px;
	font-weight: bold;
	font-size: 17px;
	position: relative;
}

.serviceGuide_bubble:after {
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top-width: 13px;
	border-top-style: solid;
	bottom: -13px;
	left: 50%;
	margin-left: -8px;
}

.sectionGuide .contactSection {
	padding: 0 !important;
}
@media screen and (min-width: 769px) {
	header .topheader {
		padding: 35px 30px;
	}
	header .topheader a {
		font-size: 42px;
	}

	.sectionGuide {
		padding: 44px 0 120px;
	}

	.serviceGuide {
		overflow: hidden;
	}

	.serviceGuide_column {
		width: 50%;
		float: left;
	}

	.serviceGuide_column:first-child {
		margin-bottom: 0;
	}

	.serviceGuide_title {
		font-size: 42px;
	}

	.serviceGuide_desc {
		font-size: 16px;
		margin-bottom: 110px;
		line-height: 2;
	}

	.serviceGuide_column:last-child {
		padding-left: 60px;
	}

	.serviceGuide_image {
		margin-bottom: 60px;
	}

	.serviceGuide_image img {
		width: 380px;
	}

	.serviceGuide_info {
		padding: 50px 60px 45px;
	}

	.serviceGuide_info h2 {
		font-size: 30px;
		line-height: 1.533;
		margin-bottom: 35px;
	}

	.serviceGuide_info ul li {
		margin-bottom: 15px;
	}

	.serviceGuide .hs-form button, 
	.serviceGuide .hs-form input,
	.serviceGuide .hs-form textarea,
	.serviceGuide .legal-consent-container .hs-richtext,
	.serviceGuide .inputs-list {
		width: 100%;
	}

	.serviceGuide .hs_submit input[type="submit"] {
		width: 100%;
	}

	.serviceGuide .hs-error-msgs {
		position: relative;
		margin-top: 10px;
	}

	.serviceGuide .legal-consent-container .inputs-list input[type="checkbox"] + span, 
	.serviceGuide .legal-consent-container.inputs-list input[type="radio"] + span {
		padding-left: 20px;
	}

	.list__indent {
		font-size: 14px;
		line-height: 1.714;
	}

	.serviceGuide_bubble {
		font-size: 24px;
		margin-bottom: 66px;
		padding: 25px 30px;
		margin-top: 16px;
	}

	.serviceGuide_bubble:after {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 26px solid #666;
		bottom: -26px;
		margin-left: -15px;
	}

}

.thanksMsg {
	border-top: 1px solid #ccc;
	padding: 60px 15px;
	margin: 16px 0 0;
}

.thanksMsg h2 {
	font-weight: bold;
	margin: 0 0 35px;
	font-size: 17px;
	line-height: 1.471;
}

.thanksMsg .red {
	font-weight: bold;
}

.thanksMsg a {
	color: #333;
	text-decoration: underline;
}

.serviceBlock {
	padding: 30px 15px;
}
.serviceBlock h2 {
	margin: 0 0 20px;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

.serviceBlock .tbl .column:first-child {
	text-align: center;
	margin-bottom: 30px;
}

.serviceBlock .tbl .column:first-child img {
	width: 180px;
}

.serviceBlock .tbl .column p {
	padding: 0 15px;
}

.serviceBlock .tbl .column .link a {
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	padding: 11px 40px 11px 15px;
	max-width: 619px;
	margin: 0 auto;
	position: relative;
	border: 1px solid #000;
	-webkit-transition: color 0.2s ease, background-color 0.2s ease;
	transition: color 0.2s ease, background-color 0.2s ease;
	text-align: center;
}

.serviceBlock .tbl .column .link a:hover {
	color: #fff;
	background: #000;
	text-decoration: none;
}

.serviceBlock .tbl .column .link a .ico {
	width: 19px;
	height: 11px;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	transition: -webkit-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.serviceBlock .tbl .column .link a:hover .ico path {
	fill: #fff;
}

.serviceBlock .tbl .column .link a:hover .ico {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.serviceBlock_text {
  margin-top: 20px;
  text-align: center;
}

@media screen and (min-width: 769px) {
	.thanksMsg {
		margin-top: 73px;
		padding: 120px 60px 120px;
	}
	.thanksMsg h2 {
		font-size: 24px;
	}

	.thanksMsg .list__indent {
		margin-top: 15px;
	}

	.serviceBlock {
		padding: 60px;
	}

	.serviceBlock h2 {
		font-size: 24px;
		margin-bottom: 35px;
	}

	.serviceBlock .tbl {
		width: 100%;
		display: table;
		table-layout: fixed;
	}

	.serviceBlock .tbl .column {
		display: table-cell;
		vertical-align: top;
	}

	.serviceBlock .tbl .column p{
		padding: 0 0 35px;
	}

	.serviceBlock .tbl .column:first-child {
		width: 284px;
	}

	.serviceBlock .tbl .column:first-child img{
		width: auto;
	}

	.serviceBlock .tbl .column .link a {
		font-size: 18px;
		display: inline-block;
		min-width: 372px;
		padding: 9px;
	}
}

/* form */
.hs-form {
	max-width: 1000px;
	margin: 0 auto;
	font-size: 24px;
	color: #000;
}
.hs-form-field {
	position: relative;
	margin-bottom: 25px;
}
.hs-form-field > label {
	padding-bottom: 10px;
	display: flex;
}
.hs_checkbox > label,
.hs_radiobutton > label {
	padding-bottom: 0;
}
.hs-form button,
.hs-form input,
.hs-form select,
.hs-form textarea {
	border: 1px solid #888;
	padding-left: 1rem;
	background-color: #eee;
	border-radius: 0;
}
.hs-form textarea {
	width: 100%;
	height: 170px;
}
.hs-form button,
.hs-form input {
	width: 100%;
}
.hs-form input {
	height: 50px;
	line-height: 50px;
  width: 95%;
}
.hs-form input[type="file"] {
	border: 0;
  background-color: transparent;
  padding-left: 0;
  height: auto;
  vertical-align: top;
  line-height: normal;
  align-items: normal;
  font-size: 20px;
  overflow: visible;
  display: inline-block;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.hs-form select {
	width: 100%;
	border-radius: 0;
	position: relative;
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjI1cHgiIGhlaWdodD0iMTNweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMCwgMCwgMCkiDQogZD0iTTI0LjAwMCwxLjAwMCBMMjQuMDAwLC0wLjAwMCBMMjUuMDAwLC0wLjAwMCBMMjUuMDAwLDEuMDAwIEwyNC4wMDAsMS4wMDAgWk0yMy4wMDAsMi4wMDAgTDIzLjAwMCwxLjAwMCBMMjQuMDAwLDEuMDAwIEwyNC4wMDAsMi4wMDAgTDIzLjAwMCwyLjAwMCBaTTIyLjAwMCwzLjAwMCBMMjIuMDAwLDIuMDAwIEwyMy4wMDAsMi4wMDAgTDIzLjAwMCwzLjAwMCBMMjIuMDAwLDMuMDAwIFpNMjEuMDAwLDQuMDAwIEwyMS4wMDAsMy4wMDAgTDIyLjAwMCwzLjAwMCBMMjIuMDAwLDQuMDAwIEwyMS4wMDAsNC4wMDAgWk0yMC4wMDAsNS4wMDAgTDIwLjAwMCw0LjAwMCBMMjEuMDAwLDQuMDAwIEwyMS4wMDAsNS4wMDAgTDIwLjAwMCw1LjAwMCBaTTE5LjAwMCw2LjAwMCBMMTkuMDAwLDUuMDAwIEwyMC4wMDAsNS4wMDAgTDIwLjAwMCw2LjAwMCBMMTkuMDAwLDYuMDAwIFpNMTguMDAwLDcuMDAwIEwxOC4wMDAsNi4wMDAgTDE5LjAwMCw2LjAwMCBMMTkuMDAwLDcuMDAwIEwxOC4wMDAsNy4wMDAgWk0xNy4wMDAsOC4wMDAgTDE3LjAwMCw3LjAwMCBMMTguMDAwLDcuMDAwIEwxOC4wMDAsOC4wMDAgTDE3LjAwMCw4LjAwMCBaTTE2LjAwMCw5LjAwMCBMMTYuMDAwLDguMDAwIEwxNy4wMDAsOC4wMDAgTDE3LjAwMCw5LjAwMCBMMTYuMDAwLDkuMDAwIFpNMTUuMDAwLDEwLjAwMCBMMTUuMDAwLDkuMDAwIEwxNi4wMDAsOS4wMDAgTDE2LjAwMCwxMC4wMDAgTDE1LjAwMCwxMC4wMDAgWk0xNC4wMDAsMTEuMDAwIEwxNC4wMDAsMTAuMDAwIEwxNS4wMDAsMTAuMDAwIEwxNS4wMDAsMTEuMDAwIEwxNC4wMDAsMTEuMDAwIFpNMTMuMDAwLDEyLjAwMCBMMTMuMDAwLDExLjAwMCBMMTQuMDAwLDExLjAwMCBMMTQuMDAwLDEyLjAwMCBMMTMuMDAwLDEyLjAwMCBaTTEyLjAwMCwxMy4wMDAgTDEyLjAwMCwxMi4wMDAgTDEzLjAwMCwxMi4wMDAgTDEzLjAwMCwxMy4wMDAgTDEyLjAwMCwxMy4wMDAgWk0xMS4wMDAsMTEuMDAwIEwxMi4wMDAsMTEuMDAwIEwxMi4wMDAsMTIuMDAwIEwxMS4wMDAsMTIuMDAwIEwxMS4wMDAsMTEuMDAwIFpNMTAuMDAwLDEwLjAwMCBMMTEuMDAwLDEwLjAwMCBMMTEuMDAwLDExLjAwMCBMMTAuMDAwLDExLjAwMCBMMTAuMDAwLDEwLjAwMCBaTTkuMDAwLDkuMDAwIEwxMC4wMDAsOS4wMDAgTDEwLjAwMCwxMC4wMDAgTDkuMDAwLDEwLjAwMCBMOS4wMDAsOS4wMDAgWk04LjAwMCw4LjAwMCBMOS4wMDAsOC4wMDAgTDkuMDAwLDkuMDAwIEw4LjAwMCw5LjAwMCBMOC4wMDAsOC4wMDAgWk03LjAwMCw3LjAwMCBMOC4wMDAsNy4wMDAgTDguMDAwLDguMDAwIEw3LjAwMCw4LjAwMCBMNy4wMDAsNy4wMDAgWk02LjAwMCw2LjAwMCBMNy4wMDAsNi4wMDAgTDcuMDAwLDcuMDAwIEw2LjAwMCw3LjAwMCBMNi4wMDAsNi4wMDAgWk01LjAwMCw1LjAwMCBMNi4wMDAsNS4wMDAgTDYuMDAwLDYuMDAwIEw1LjAwMCw2LjAwMCBMNS4wMDAsNS4wMDAgWk00LjAwMCw0LjAwMCBMNS4wMDAsNC4wMDAgTDUuMDAwLDUuMDAwIEw0LjAwMCw1LjAwMCBMNC4wMDAsNC4wMDAgWk0zLjAwMCwzLjAwMCBMNC4wMDAsMy4wMDAgTDQuMDAwLDQuMDAwIEwzLjAwMCw0LjAwMCBMMy4wMDAsMy4wMDAgWk0yLjAwMCwyLjAwMCBMMy4wMDAsMi4wMDAgTDMuMDAwLDMuMDAwIEwyLjAwMCwzLjAwMCBMMi4wMDAsMi4wMDAgWk0xLjAwMCwxLjAwMCBMMi4wMDAsMS4wMDAgTDIuMDAwLDIuMDAwIEwxLjAwMCwyLjAwMCBMMS4wMDAsMS4wMDAgWk0tMC4wMDAsLTAuMDAwIEwxLjAwMCwtMC4wMDAgTDEuMDAwLDEuMDAwIEwtMC4wMDAsMS4wMDAgTC0wLjAwMCwtMC4wMDAgWiIvPg0KPC9zdmc+");
	height: 50px;
	line-height: 50px;
}
.hs-form button::placeholder,
.hs-form input::placeholder,
.hs-form textarea::placeholder,
.hs-form select::placeholder {
	color: #888;
}

.hs-form input.error {
	background-color: #fde7e7;
	border-color: #e81815;
}
.hs-form input.error::placeholder {
	color: #e81815;
}
.inputs-list {
	width: 80%;
	list-style: none;
  padding-left: 0;
}
.sectionGuide .inputs-list {
	padding: 0;
}
.hs-form.hs-custom-form fieldset.form-columns-2 .hs-form-field {
  width: auto;
  float: none;
}
/* IE */
.hs-form button:-ms-input-placeholder,
.hs-form input:-ms-input-placeholder,
.hs-form textarea:-ms-input-placeholder,
.hs-form select:-ms-input-placeholder {
	color: #888;
}
.hs-form button.error:-ms-input-placeholder,
.hs-form input.error:-ms-input-placeholder,
.hs-form textarea.error:-ms-input-placeholder,
.hs-form select.error:-ms-input-placeholder {
	color: #e81815;
}

/* Edge */
.hs-form button::-ms-input-placeholder,
.hs-form input::-ms-input-placeholder,
.hs-form textarea::-ms-input-placeholder,
.hs-form select::-ms-input-placeholder {
	color: #888;
}
.hs-form button.error::-ms-input-placeholder,
.hs-form input.error::-ms-input-placeholder,
.hs-form textarea.error::-ms-input-placeholder,
.hs-form select.error::-ms-input-placeholder {
	color: #e81815;
}

/* チェックボックス、ラジオボタン共通 */
.hs-form-checkbox-display,
.hs-form-booleancheckbox-display {
	display: inline-flex;
	align-items: center;
}
.hs-form-radio-display {
	display: inline-flex;
	align-items: center;
}
.inputs-list input[type="checkbox"],
.inputs-list input[type="radio"] {
	width: auto;
	margin: 0;
	padding: 0;
	background: none transparent;
	border: none;
	border-radius: 0;
	line-height: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.inputs-list input[type="checkbox"] + span,
.inputs-list input[type="radio"] + span {
	display: inline-block;
	padding-left: 10px;
	font-size: 20px;
}

/* チェックボックス */
.inputs-list input[type="checkbox"] {
	position: relative;
	height: 30px;
	width: 30px;
}
.inputs-list input[type="checkbox"]::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #949494;
	background-color: #eee;
}
.inputs-list input[type="checkbox"]:focus::before {
	outline-offset: -2px;
	outline: -webkit-focus-ring-color auto 5px;
}
.inputs-list input[type="checkbox"]:checked::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 20px;
	transform: rotate(40deg);
	border-bottom: 5px solid #000;
	border-right: 5px solid #000;
	bottom: 6px;
	right: 0;
	margin: auto;
}

/* ラジオボタン */
.inputs-list input[type="radio"] {
	position: relative;
	height: 30px;
	width: 30px;
}
.inputs-list input[type="radio"]::before {
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid #949494;
	border-radius: 50%;
	background-color: #eee;
	visibility: visible;
}
.inputs-list input[type="radio"]:focus::before {
	outline-offset: -2px;
	outline: -webkit-focus-ring-color auto 5px;
}
.inputs-list input[type="radio"]:checked::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 18px;
	height: 18px;
	background: #000;
	border-radius: 50%;
	margin: auto;
}

/* エラー表示 */
.hs-form-required {
	position: relative;
}
.hs-form-required::after {
	content: '(必須)';
	display: inline-block;
	margin: auto;
  color: #C3303C !important;
  flex-shrink: 0;
}

/* 規約同意 */
.legal-consent-container .field.hs-form-field {
	margin-bottom: 0 !important;
}
.hs-dependent-field {
	margin-bottom: 0;
}
.legal-consent-container .hs-richtext:first-child {
	font-size: 16px;
	font-weight: normal;
	padding: 40px;
	border: 1px solid #888;
	overflow: auto;
	max-height: 280px;
	margin-bottom: 40px;
}
.legal-consent-container .hs-richtext:not(:first-child) {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 25px;
}
.legal-consent-container .hs-richtext:last-child {
	margin-bottom: 40px;
}

/* ボタン */
.hs_submit input[type="submit"] {
	max-width: 470px;
	padding: 15px 6px;
	margin: 0 auto;
	color: #fff;
	line-height: 2;
	height: auto;
	border-width: 1px;
	border-style: solid;
	display: flex;
	align-items: center;
	transition: background 0.4s ease, border 0.2s ease;
	justify-content: center;
	background-repeat: no-repeat;
	background-position: center right 20px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjM3cHgiIGhlaWdodD0iMjFweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiDQogZD0iTTM2LjAwMCwxMS4wMDAgTDM2LjAwMCwxMi4wMDAgTDM1LjAwMCwxMi4wMDAgTDM1LjAwMCwxMS4wMDAgTDAuMDAwLDExLjAwMCBMMC4wMDAsOS45OTkgTDM1LjAwMCw5Ljk5OSBMMzUuMDAwLDkuMDAwIEwzNi4wMDAsOS4wMDAgTDM2LjAwMCw5Ljk5OSBMMzcuMDAwLDkuOTk5IEwzNy4wMDAsMTEuMDAwIEwzNi4wMDAsMTEuMDAwIFpNMzQuMDAwLDEzLjAwMCBMMzQuMDAwLDEyLjAwMCBMMzUuMDAwLDEyLjAwMCBMMzUuMDAwLDEzLjAwMCBMMzQuMDAwLDEzLjAwMCBaTTMzLjAwMCwxNC4wMDAgTDMzLjAwMCwxMy4wMDAgTDM0LjAwMCwxMy4wMDAgTDM0LjAwMCwxNC4wMDAgTDMzLjAwMCwxNC4wMDAgWk0zMi4wMDAsMTQuOTk5IEwzMi4wMDAsMTQuMDAwIEwzMy4wMDAsMTQuMDAwIEwzMy4wMDAsMTQuOTk5IEwzMi4wMDAsMTQuOTk5IFpNMzEuMDAwLDE2LjAwMCBMMzEuMDAwLDE0Ljk5OSBMMzIuMDAwLDE0Ljk5OSBMMzIuMDAwLDE2LjAwMCBMMzEuMDAwLDE2LjAwMCBaTTMwLjAwMCwxNi45OTkgTDMwLjAwMCwxNi4wMDAgTDMxLjAwMCwxNi4wMDAgTDMxLjAwMCwxNi45OTkgTDMwLjAwMCwxNi45OTkgWk0yOS4wMDAsMTguMDAxIEwyOS4wMDAsMTYuOTk5IEwzMC4wMDAsMTYuOTk5IEwzMC4wMDAsMTguMDAxIEwyOS4wMDAsMTguMDAxIFpNMjguMDAwLDE5LjAwMSBMMjguMDAwLDE4LjAwMSBMMjkuMDAwLDE4LjAwMSBMMjkuMDAwLDE5LjAwMSBMMjguMDAwLDE5LjAwMSBaTTI3LjAwMCwyMC4wMDEgTDI3LjAwMCwxOS4wMDEgTDI4LjAwMCwxOS4wMDEgTDI4LjAwMCwyMC4wMDEgTDI3LjAwMCwyMC4wMDEgWk0yNi4wMDAsMjEuMDAxIEwyNi4wMDAsMjAuMDAxIEwyNy4wMDAsMjAuMDAxIEwyNy4wMDAsMjEuMDAxIEwyNi4wMDAsMjEuMDAxIFpNMzQuMDAwLDcuOTk4IEwzNS4wMDAsNy45OTggTDM1LjAwMCw5LjAwMCBMMzQuMDAwLDkuMDAwIEwzNC4wMDAsNy45OTggWk0zMy4wMDAsNy4wMDAgTDM0LjAwMCw3LjAwMCBMMzQuMDAwLDcuOTk4IEwzMy4wMDAsNy45OTggTDMzLjAwMCw3LjAwMCBaTTMyLjAwMCw2LjAwMCBMMzMuMDAwLDYuMDAwIEwzMy4wMDAsNy4wMDAgTDMyLjAwMCw3LjAwMCBMMzIuMDAwLDYuMDAwIFpNMzEuMDAwLDQuOTk5IEwzMi4wMDAsNC45OTkgTDMyLjAwMCw2LjAwMCBMMzEuMDAwLDYuMDAwIEwzMS4wMDAsNC45OTkgWk0zMC4wMDAsNC4wMDAgTDMxLjAwMCw0LjAwMCBMMzEuMDAwLDQuOTk5IEwzMC4wMDAsNC45OTkgTDMwLjAwMCw0LjAwMCBaTTI5LjAwMCwzLjAwMCBMMzAuMDAwLDMuMDAwIEwzMC4wMDAsNC4wMDAgTDI5LjAwMCw0LjAwMCBMMjkuMDAwLDMuMDAwIFpNMjguMDAwLDIuMDAwIEwyOS4wMDAsMi4wMDAgTDI5LjAwMCwzLjAwMCBMMjguMDAwLDMuMDAwIEwyOC4wMDAsMi4wMDAgWk0yNy4wMDAsMS4wMDAgTDI4LjAwMCwxLjAwMCBMMjguMDAwLDIuMDAwIEwyNy4wMDAsMi4wMDAgTDI3LjAwMCwxLjAwMCBaTTI2LjAwMCwtMC4wMDAgTDI3LjAwMCwtMC4wMDAgTDI3LjAwMCwxLjAwMCBMMjYuMDAwLDEuMDAwIEwyNi4wMDAsLTAuMDAwIFoiLz4NCjwvc3ZnPg==");
}
.hs_submit input[type="submit"]:hover {
	opacity: 1;
	background-position: center right 16px;
	background-color: transparent;
	background-image: url("data:image/svg+xml;base64,PHN2ZyANCiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiDQogd2lkdGg9IjM3cHgiIGhlaWdodD0iMjFweCI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoMjMyLCAyNCwgMjEpIg0KIGQ9Ik0zNi4wMDAsMTEuMDAwIEwzNi4wMDAsMTIuMDAwIEwzNS4wMDAsMTIuMDAwIEwzNS4wMDAsMTEuMDAwIEwwLjAwMCwxMS4wMDAgTDAuMDAwLDkuOTk5IEwzNS4wMDAsOS45OTkgTDM1LjAwMCw5LjAwMCBMMzYuMDAwLDkuMDAwIEwzNi4wMDAsOS45OTkgTDM3LjAwMCw5Ljk5OSBMMzcuMDAwLDExLjAwMCBMMzYuMDAwLDExLjAwMCBaTTM0LjAwMCwxMy4wMDAgTDM0LjAwMCwxMi4wMDAgTDM1LjAwMCwxMi4wMDAgTDM1LjAwMCwxMy4wMDAgTDM0LjAwMCwxMy4wMDAgWk0zMy4wMDAsMTQuMDAwIEwzMy4wMDAsMTMuMDAwIEwzNC4wMDAsMTMuMDAwIEwzNC4wMDAsMTQuMDAwIEwzMy4wMDAsMTQuMDAwIFpNMzIuMDAwLDE0Ljk5OSBMMzIuMDAwLDE0LjAwMCBMMzMuMDAwLDE0LjAwMCBMMzMuMDAwLDE0Ljk5OSBMMzIuMDAwLDE0Ljk5OSBaTTMxLjAwMCwxNi4wMDAgTDMxLjAwMCwxNC45OTkgTDMyLjAwMCwxNC45OTkgTDMyLjAwMCwxNi4wMDAgTDMxLjAwMCwxNi4wMDAgWk0zMC4wMDAsMTYuOTk5IEwzMC4wMDAsMTYuMDAwIEwzMS4wMDAsMTYuMDAwIEwzMS4wMDAsMTYuOTk5IEwzMC4wMDAsMTYuOTk5IFpNMjkuMDAwLDE4LjAwMSBMMjkuMDAwLDE2Ljk5OSBMMzAuMDAwLDE2Ljk5OSBMMzAuMDAwLDE4LjAwMSBMMjkuMDAwLDE4LjAwMSBaTTI4LjAwMCwxOS4wMDEgTDI4LjAwMCwxOC4wMDEgTDI5LjAwMCwxOC4wMDEgTDI5LjAwMCwxOS4wMDEgTDI4LjAwMCwxOS4wMDEgWk0yNy4wMDAsMjAuMDAxIEwyNy4wMDAsMTkuMDAxIEwyOC4wMDAsMTkuMDAxIEwyOC4wMDAsMjAuMDAxIEwyNy4wMDAsMjAuMDAxIFpNMjYuMDAwLDIxLjAwMSBMMjYuMDAwLDIwLjAwMSBMMjcuMDAwLDIwLjAwMSBMMjcuMDAwLDIxLjAwMSBMMjYuMDAwLDIxLjAwMSBaTTM0LjAwMCw3Ljk5OCBMMzUuMDAwLDcuOTk4IEwzNS4wMDAsOS4wMDAgTDM0LjAwMCw5LjAwMCBMMzQuMDAwLDcuOTk4IFpNMzMuMDAwLDcuMDAwIEwzNC4wMDAsNy4wMDAgTDM0LjAwMCw3Ljk5OCBMMzMuMDAwLDcuOTk4IEwzMy4wMDAsNy4wMDAgWk0zMi4wMDAsNi4wMDAgTDMzLjAwMCw2LjAwMCBMMzMuMDAwLDcuMDAwIEwzMi4wMDAsNy4wMDAgTDMyLjAwMCw2LjAwMCBaTTMxLjAwMCw0Ljk5OSBMMzIuMDAwLDQuOTk5IEwzMi4wMDAsNi4wMDAgTDMxLjAwMCw2LjAwMCBMMzEuMDAwLDQuOTk5IFpNMzAuMDAwLDQuMDAwIEwzMS4wMDAsNC4wMDAgTDMxLjAwMCw0Ljk5OSBMMzAuMDAwLDQuOTk5IEwzMC4wMDAsNC4wMDAgWk0yOS4wMDAsMy4wMDAgTDMwLjAwMCwzLjAwMCBMMzAuMDAwLDQuMDAwIEwyOS4wMDAsNC4wMDAgTDI5LjAwMCwzLjAwMCBaTTI4LjAwMCwyLjAwMCBMMjkuMDAwLDIuMDAwIEwyOS4wMDAsMy4wMDAgTDI4LjAwMCwzLjAwMCBMMjguMDAwLDIuMDAwIFpNMjcuMDAwLDEuMDAwIEwyOC4wMDAsMS4wMDAgTDI4LjAwMCwyLjAwMCBMMjcuMDAwLDIuMDAwIEwyNy4wMDAsMS4wMDAgWk0yNi4wMDAsLTAuMDAwIEwyNy4wMDAsLTAuMDAwIEwyNy4wMDAsMS4wMDAgTDI2LjAwMCwxLjAwMCBMMjYuMDAwLC0wLjAwMCBaIi8+DQo8L3N2Zz4=");
}
.hs-error-msgs {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.6;
	color: #e81815;
	width: 170px;
	height: auto;
	background-color: #fde7e7;
	padding: 10px 20px;
}
.hs-error-msgs label {
	font-weight: normal;
	margin-bottom: 0;
}
.hs-error-msgs li {
  list-style: none;
}
.hs_error_rollup {
	padding-top: 10px;
	position: relative;
}
.hs_error_rollup .hs-error-msgs {
	margin: 0 auto 10px;
	position: static;
	width: 470px;
	text-align: center;
}
.form-columns-1,
.form-columns-2 {
	max-width: 100% !important;
}

@media screen and (max-width: 768px) {
	.hs-form {
		font-size: 16px;
		max-width: calc(100% - 30px);
	}
  .hs-form-required::after {
    top: -3px;
  }
	.hs-form-field {
		margin-bottom: 20px;
	}
	.hs-form-field > label {
		padding-bottom: 5px;
	}
	.hs-form button, .hs-form input, .hs-form textarea {
		width: 100%;
	}
	.hs-form input, .hs-form select {
		height: auto;
		line-height: inherit;
	}
	.hs-form textarea {
		height: 100px;
	}
	.inputs-list {
		width: 100%;
	}
	.sectionGuide .inputs-list {
		list-style: none;
		padding: 0;
	}
	.inputs-list input[type="checkbox"],.inputs-list input[type="radio"] {
		width: 18px;
		height: 18px;
	}
	.inputs-list input[type="checkbox"]::before,.inputs-list input[type="radio"]::before {
		width: 18px;
		height: 18px;
	}
	.inputs-list input[type="checkbox"] + span, .inputs-list input[type="radio"] + span {
		font-size: 12px;
	}
	.inputs-list input[type="checkbox"]:checked::after {
		width: 7px;
		height: 11px;
		border-bottom: 2px solid #000;
		border-right: 2px solid #000;
		bottom: 3px;
	}
	.inputs-list input[type="radio"]:checked::after {
		width: 10px;
		height: 10px;
	}
	.hs-form select {
		width: 100%;
		background-size: 15px auto;
	}
	.legal-consent-container .hs-richtext {
		width: 100%;
	}
	.legal-consent-container .hs-richtext:not(:first-child) {
		font-size: 10px;
		padding: 0 15px;
		margin-bottom: 10px;
	}
	.legal-consent-container .hs-richtext:first-child {
		font-size: 9px;
		padding: 15px;
	}
	.legal-consent-container .hs-richtext:last-child {
		margin-bottom: 20px;
	}
	.hs_submit input[type="submit"] {
		width: 100%;
		font-size: 16px;
		background-size: 16px auto;
		padding: 3px 0;
		margin-bottom: 20px;
	}
	.hs-error-msgs {
		position: relative;
		width: 100%;
		font-size: 14px;
		padding: 8px 10px;
		margin: 10px 0;
	}
	.hs_error_rollup .hs-error-msgs {
		width: auto;
	}
	.hs-error-msgs {
		margin-left: 0 !important;
	}
}

@media screen and (min-width: 767px) {
	.hs-error-msgs {
		margin-right: -200px;
	}
}

/* serviceguide form */

.serviceGuide .form-columns-1 .input {
	margin-right: 0!important
}

.serviceGuide_column .hs-input {
	width: 100%!important;
}

.serviceGuide_column .inputs-list input[type="radio"],
.serviceGuide_column .inputs-list input[type="checkbox"] {
	width: 30px!important
}

.serviceGuide_column .hs_error_rollup .hs-error-msgs {
	width: 100%;
}

.serviceGuide_column .hs-error-msgs {
	padding: 5px;
}

.serviceGuide_column .input {
  margin-right: 0!important;
}
.serviceGuide_column .hs-error-msgs label {
  font-size: 12px;
}

.serviceGuide_column .form-columns-2 .hs-form-field {
	width: 100%!important;
}

@media screen and (min-width: 767px) {
  .serviceGuide_column label {
  	font-size: 18px;
  }
  
  .serviceGuide_column .hs-error-msgs label {
  	font-size: 14px;
  }
  
  .serviceGuide_column .inputs-list input[type="checkbox"] + span, 
  .serviceGuide_column .inputs-list input[type="radio"] + span {
  	font-size: 18px;
  }
  
  .serviceGuide_column .hs-input {
  	font-size: 18px;
  }
  
  .serviceGuide_column .form-columns-2 .hs-form-field {
    width: 46%!important;
  }

  .serviceGuide_column .form-columns-2 .hs-form-field:last-child {
    float: right;
  }
  
  .serviceGuide_column .hs-error-msgs {
    margin-right: 0;
    position: relative;
    width: 100%;
    margin-top: 10px;
  }
}