/**

 * Econori (楽ノリくん) LP styles.

 * Complements Bootstrap 4.3.1 (bundled in assets/econori/css/).

 */



.econori-lp {

	color: #000;

	font-size: 18px;

	line-height: 1.5;

	-webkit-text-size-adjust: 100%;

}



.econori-lp a img:hover {

	opacity: 0.7;

}



.econori-lp__wrap {

	min-height: 100vh;

}



.econori-lp #main,

.econori-lp__main {

	padding: 30px 0;

}



.econori-lp__container,

.econori-lp .innerBox {

	max-width: 950px;

	margin-left: auto;

	margin-right: auto;

	padding: 0;

}



.econori-lp__content,

.econori-lp #content {

	float: none;

	width: 100%;

	max-width: none;

}



.econori-lp__content img,

.econori-lp #content img {

	max-width: 100%;

	height: auto;

}



.econori-lp__content table,

.econori-lp #content table {

	font-size: 93%;

}



/* WordPress classic editor alignment classes */

.econori-lp .aligncenter {

	display: block;

	margin-right: auto;

	margin-left: auto;

}



.econori-lp .alignnone {

	margin: 5px 20px 20px 0;

}



.econori-lp .alignleft {

	float: left;

	margin: 5px 20px 20px 0;

}



.econori-lp .alignright {

	float: right;

	margin: 5px 0 20px 20px;

}



.econori-lp__pagetop-wrap {

	max-width: 950px;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	padding: 1rem 0;

}



.econori-lp__pagetop {

	display: inline-block;

	padding: 0.5rem 1rem;

	color: #000;

	text-decoration: none;

	font-size: 0.875rem;

}



.econori-lp__footer {

	background-color: #f4f5f7;

	border-top: 1px solid #e3e3e3;

}



.econori-lp__site-bottom {

	max-width: 950px;

	margin-left: auto;

	margin-right: auto;

	padding: 1rem;

	text-align: center;

}



.econori-lp__copyright {

	margin: 0;

	color: #000;

}



.econori-lp__footer-ban {

	position: fixed;

	bottom: 0;

	left: 0;

	z-index: 9999;

	display: table;

	width: 100%;

	margin: 0 auto;

	padding: 0;

	overflow: hidden;

	background: #f0f0f0;

	line-height: 0;

}



.econori-lp__footer-ban-link {

	display: table-cell;

	width: 33.333%;

	vertical-align: bottom;

}



.econori-lp__footer-ban-link img {

	display: block;

	width: 100%;

	height: auto;

}



/* LP header */

.econori-lp .header {

	position: relative;

	overflow: visible;

}



.econori-lp .header > .container-fluid > .row {

	align-items: center;

}



/* LP header contact banners (old site: biz-vektor-child/style.css) */

.econori-lp .econori_header_contact {

	display: inline !important;

}



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

	.econori-lp .econori_header_contact {

		display: none !important;

	}



	.econori-lp__container,

	.econori-lp .innerBox,

	.econori-lp__pagetop-wrap,

	.econori-lp__site-bottom {

		padding-left: 10px;

		padding-right: 10px;

		box-sizing: border-box;

	}



	.econori-lp .header {

		padding: 10px 0;

		min-height: 50px;

	}



	.econori-lp .header > .container-fluid {

		padding-right: 55px;

	}



	.econori-lp .header > .container-fluid > .row {

		min-height: 50px;

	}



	.econori-lp .header .col-md-4:first-child {

		margin-bottom: 0 !important;

	}



	.econori-lp .header .col-md-4:first-child img {

		display: block;

		max-height: 50px;

		width: auto;

	}



	.econori-lp .hamburger-menu br {

		display: none;

	}



	.econori-lp .wpcf7,

	.econori-lp .wpcf7-form {

		max-width: 100%;

	}



	.econori-lp .wpcf7-form > p {

		padding-left: 0 !important;

		padding-right: 0 !important;

	}



	.econori-lp__content form span.wpcf7-form-control-wrap,

	.econori-lp #content form span.wpcf7-form-control-wrap {

		display: block;

		width: 100%;

		max-width: 100%;

	}



	.econori-lp__content form span.wpcf7-form-control-wrap[data-name^="hour"],

	.econori-lp__content form span.wpcf7-form-control-wrap[data-name^="minute"],

	.econori-lp #content form span.wpcf7-form-control-wrap[data-name^="hour"],

	.econori-lp #content form span.wpcf7-form-control-wrap[data-name^="minute"] {

		display: inline-block;

		width: auto;

		max-width: none;

		vertical-align: middle;

	}



	.econori-lp .wpcf7-form-control.wpcf7-text,

	.econori-lp .wpcf7-form-control.wpcf7-email,

	.econori-lp .wpcf7-form-control.wpcf7-tel,

	.econori-lp .wpcf7-form-control.wpcf7-textarea,

	.econori-lp .wpcf7-form-control.wpcf7-date {

		width: 100%;

	}

}



/* Hamburger navigation (mobile only) */

.econori-lp #hamburger {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	z-index: 10000;

	display: flex;

	align-items: center;

}



@media screen and (min-width: 769px) {

	.econori-lp #hamburger {

		display: none;

	}

}



.econori-lp .hamburger-menu {

	position: relative;

	display: flex;

	align-items: center;

}



.econori-lp #menu-btn-check {

	display: none;

}



.econori-lp .menu-btn {

	display: block;

	position: relative;

	width: 50px;

	height: 50px;

	cursor: pointer;

	background: #28c3d4;

}



.econori-lp .menu-btn span,

.econori-lp .menu-btn span::before,

.econori-lp .menu-btn span::after {

	position: absolute;

	left: 14px;

	width: 22px;

	height: 2px;

	border-radius: 1px;

	background: #fff;

	content: "";

	transition: 0.3s;

}



.econori-lp .menu-btn span {

	top: 24px;

}



.econori-lp .menu-btn span::before {

	top: -8px;

}



.econori-lp .menu-btn span::after {

	top: 8px;

}



.econori-lp #menu-btn-check:checked + .menu-btn span {

	background: transparent;

}



.econori-lp #menu-btn-check:checked + .menu-btn span::before {

	top: 0;

	transform: rotate(45deg);

}



.econori-lp #menu-btn-check:checked + .menu-btn span::after {

	top: 0;

	transform: rotate(-45deg);

}



.econori-lp .menu-content {

	position: fixed;

	top: 50px;

	right: 0;

	width: 240px;

	max-height: calc(100vh - 50px);

	padding: 0;

	background: #fff;

	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

	overflow-y: auto;

	transform: translateX(100%);

	transition: transform 0.3s;

}



.econori-lp #menu-btn-check:checked ~ .menu-content {

	transform: translateX(0);

}



.econori-lp .menu-content ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



.econori-lp .menu-content li {

	border-bottom: 1px solid #eee;

}



.econori-lp .menu-content li a {

	display: block;

	padding: 14px 20px;

	color: #000;

	text-decoration: none;

}



.econori-lp .menu-content li a:hover {

	background: #f5f5f5;

}



.econori-lp .lp_arrow {

	position: relative;

	margin: 0;

	padding: 0 0 10px;

	border-bottom: 1px dotted #ccc;

	color: #000;

	text-align: center;

}



.econori-lp .lp_arrow::before {

	content: "";

	position: absolute;

	bottom: -44px;

	left: 46%;

	z-index: 2;

	margin-left: -2px;

	border: 22px solid transparent;

	border-top: 22px solid transparent;

}



.econori-lp .lp_arrow::after {

	position: absolute;

	bottom: -25px;

	left: 46%;

	width: 0;

	content: "";

	border: 24px solid transparent;

	border-top-color: #ccc;

	border-bottom-width: 0;

}



.econori-lp .lp_arrow_title {

	position: relative;

	margin: 0;

	padding: 30px 0;

	background: #28c3d4;

	color: #fff;

	font-size: 26px;

	text-align: center;

}



.econori-lp .lp_arrow_title::after {

	position: absolute;

	bottom: -29px;

	left: 46%;

	display: block;

	width: 0;

	content: "";

	border: 30px solid transparent;

	border-top-color: #28c3d4;

	border-bottom-width: 0;

}



.econori-lp .lp-contact,
.econori-lp section.contact {
	position: relative;
	margin: 30px 0;
	padding: 0;
}

.econori-lp .lp-contact > img,
.econori-lp section.contact > img {
	display: block;
	width: 100%;
	height: auto;
}

.econori-lp .lp-contact .btn1,
.econori-lp .lp-contact .btn2,
.econori-lp section.contact .btn1,
.econori-lp section.contact .btn2 {
	display: block;
	position: absolute;
	left: 50%;
	width: 582px;
	max-width: 90%;
	margin-left: -291px;
}

.econori-lp .lp-contact .btn1,
.econori-lp section.contact .btn1 {
	bottom: 30%;
}

.econori-lp .lp-contact .btn2,
.econori-lp section.contact .btn2 {
	bottom: 11%;
}

.econori-lp .lp-contact .btn1 img,
.econori-lp .lp-contact .btn2 img,
.econori-lp section.contact .btn1 img,
.econori-lp section.contact .btn2 img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
}



.econori-lp__content .flowBox,

.econori-lp #content .flowBox {

	display: block;

	overflow: hidden;

	margin-bottom: 15px;

	padding-bottom: 30px;

	background: url("../images/lp_flow_arrow.png") center bottom no-repeat;

}



.econori-lp__content .lp_econori .flowBox:last-child,

.econori-lp #content .lp_econori .flowBox:last-child {

	margin-bottom: 0;

	padding-bottom: 0;

	background: none;

}



.econori-lp__content .lp_econori .flowBox dl,

.econori-lp #content .lp_econori .flowBox dl {

	display: block;

	overflow: hidden;

	padding: 15px 20px;

	border: 3px solid #dc4600;

}



.econori-lp__content .lp_econori .flowBox dl dt,

.econori-lp #content .lp_econori .flowBox dl dt {

	margin-bottom: 10px;

	padding-bottom: 0;

	border-bottom: 1px dotted #dc4600;

	color: #000;

	font-size: 1.1em;

}



.econori-lp__content .lp_econori .flowBox dl dd,

.econori-lp #content .lp_econori .flowBox dl dd {

	margin-bottom: 0;

}



.econori-lp__content .lp_econori .flowBox dl dd h4,

.econori-lp #content .lp_econori .flowBox dl dd h4 {

	margin: 0;

	padding: 0;

}



.econori-lp__content .lp_econori .flowBox dl dd p,

.econori-lp #content .lp_econori .flowBox dl dd p {

	margin-bottom: 10px;

}



.econori-lp__content .lp_econori .flowBox dl dd ul,

.econori-lp #content .lp_econori .flowBox dl dd ul {

	margin-bottom: 0;

}



.econori-lp .circle {

	display: inline-block;

	width: 30px;

	height: 30px;

	border-radius: 50%;

	background-color: #28c3d4;

	line-height: 30px;

	text-align: center;

}



.econori-lp .gmap {

	position: relative;

	height: 0;

	padding-bottom: 56.25%;

	overflow: hidden;

}



.econori-lp .gmap iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.econori-lp .lp-company dl {

	font-size: 16px;

}



.econori-lp .lp-company dt {

	display: block;

	float: left;

	clear: left;

	width: 15%;

	margin: 0;

	border-bottom: 1px dotted #ccc;

	color: #000;

}



.econori-lp .lp-company dd {

	float: left;

	width: 84%;

	margin-left: 1px;

	padding-bottom: 3px;

	border-bottom: 1px dotted #ccc;

	color: #000;

}



.econori-lp .widget_text .youtube {

	position: relative;

	width: 100%;

	padding-top: 56.25%;

}



.econori-lp .widget_text .youtube iframe {

	position: absolute;

	top: 0;

	right: 0;

	width: 100% !important;

	height: 100% !important;

}



.econori-lp__content form span.wpcf7-form-control-wrap,
.econori-lp #content form span.wpcf7-form-control-wrap {
	display: inline;
}

.econori-lp select[name="hour01"],
.econori-lp select[name="hour02"],
.econori-lp select[name="minute01"],
.econori-lp select[name="minute02"] {
	width: auto;
	min-width: 3.5em;
	max-width: 4.5em;
}

.econori-lp .wpcf7-form {
	max-width: 100%;
}

.econori-lp .wpcf7-form-control.wpcf7-text,
.econori-lp .wpcf7-form-control.wpcf7-email,
.econori-lp .wpcf7-form-control.wpcf7-tel,
.econori-lp .wpcf7-form-control.wpcf7-textarea,
.econori-lp .wpcf7-form-control.wpcf7-date {
	box-sizing: border-box;
	max-width: 100%;
}



.econori-lp .row-eq-height {

	display: flex;

	flex-wrap: wrap;

}



.econori-lp .row-0 {

	margin-right: 0;

	margin-left: 0;

}



.econori-lp .row-0 > div {

	padding-right: 0;

	padding-left: 0;

}



.econori-lp .row-10 {

	margin-right: -5px;

	margin-left: -5px;

}



.econori-lp .row-10 > div {

	padding-right: 5px;

	padding-left: 5px;

}



.econori-lp .row-20 {

	margin-right: -10px;

	margin-left: -10px;

}



.econori-lp .row-20 > div {

	padding-right: 10px;

	padding-left: 10px;

}



.econori-lp .row-30 {

	margin-right: -15px;

	margin-left: -15px;

}



.econori-lp .row-30 > div {

	padding-right: 15px;

	padding-left: 15px;

}



.econori-lp .row-40 {

	margin-right: -20px;

	margin-left: -20px;

}



.econori-lp .row-40 > div {

	padding-right: 20px;

	padding-left: 20px;

}



.econori-lp .row-50 {

	margin-right: -25px;

	margin-left: -25px;

}



.econori-lp .row-50 > div {

	padding-right: 25px;

	padding-left: 25px;

}



@media only screen and (max-width: 767px) {
	.econori-lp .lp-contact .btn1,
	.econori-lp .lp-contact .btn2,
	.econori-lp section.contact .btn1,
	.econori-lp section.contact .btn2 {
		width: 90%;
		margin-left: 0;
		transform: translateX(-50%);
	}

	.econori-lp .lp-contact .btn1,
	.econori-lp section.contact .btn1 {
		bottom: 22%;
	}

	.econori-lp .lp-contact .btn2,
	.econori-lp section.contact .btn2 {
		bottom: 1%;
	}



	.econori-lp__wrap {

		padding-bottom: 4.5rem;

	}

}