@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
}

body,
html {
	overflow-x: hidden;
}

html {
	margin: 0px;
	padding: 0px;
	scroll-behavior: smooth;
}

body {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, 游ゴシック体, メイリオ, sans-serif !important;
	background-color: #eee;
	transition: 0.2s ease-in;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, メイリオ, sans-serif !important;
}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
	overflow: hidden;
	background: #fff;
}

#preloader:before {
	content: "";
	position: fixed;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
	border: 6px solid #027c96;
	/*background-image: url('/img/preloader.gif');*/
	border-top-color: #fff;
	border-bottom-color: #fff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	-webkit-animation: animate-preloader 1s linear infinite;
	animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes animate-preloader {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#main {
	padding-top: 0;
	position: relative;
	z-index: 100;
}

.nav-link {
	color: inherit;
}

.container {
	max-width: 100%;
	padding-left: 7%;
	padding-right: 7%;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
	transition: all 0.5s;
	z-index: 997;
	padding: 6px 0;
}

.container-w {
	max-width: 100%;
	padding-left: 3%;
	padding-right: 3%;
}

#header .logo {
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

#header .logo a {
	color: #fff;
}

#header .logo img {
	max-height: 30px;
}

.fixed-top {
	position: absolute;
}

@media (max-width: 834px) {
	#header {
		padding: 18px 0;
	}
}


/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/


/**
* Desktop Navigation 
*/

.navbar {
	padding: 0;
}

.navbar ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	align-items: center;
}

.navbar li {
	position: relative;
}

.navbar>ul>li {
	white-space: nowrap;
	padding: 10px;
}

.navbar a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 4px;
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	white-space: nowrap;
	transition: 0.3s;
	position: relative;
}

.navbar a i,
.navbar a:focus i {
	font-size: 12px;
	line-height: 0;
	margin-left: 5px;
}

.navbar>ul>li>a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -6px;
	left: 0;
	visibility: hidden;
	width: 0px;
	transition: all 0.3s ease-in-out 0s;
}

.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before {
	visibility: visible;
	width: 100%;
}

.navbar a:hover,
.navbar a:visited,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
	color: #fff;
}

.navbar .getstarted {
	padding: 0 33px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 2.34px;
	line-height: 65px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 4px;
	background-image: linear-gradient(to right, #1d82c2 0%, #00937c 100%);
}

.navbar .getstarted:hover {
	background-image: linear-gradient(to right, #00937c 0%, #1d82c2 100%);
	transition: all .2s ease-in-out;
}

.navbar .getstarted:hover:before,
.navbar li:hover>.getstarted:before {
	visibility: hidden;
}

@media (max-width: 1280px) {
	.navbar a,
	.navbar .getstarted {
		font-size: 14px;
	}
	.navbar .getstarted {
		padding: 8px 49px;
	}
}

@media (max-width: 1080px) {
	.navbar a,
	.navbar .getstarted {
		font-size: 12px;
	}
	.navbar .getstarted {
		padding: 0px 41px;
		margin-left: 6px;
		width: 220px;
	}
}


/**
* Mobile Navigation 
*/

.mobile-nav-toggle {
	color: #fff;
	font-size: 50px;
	cursor: pointer;
	display: none;
	line-height: 0;
	transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
	color: #ffffff;
}

@media (max-width: 991px) {
	.mobile-nav-toggle {
		display: block;
	}
	.navbar ul {
		display: none;
	}
	#header .logo {
		padding-top: 4%;
		padding-left: 3%;
	}
}

.navbar-mobile {
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	transition: 0.3s;
	z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
	position: absolute;
	top: 19px;
	right: 15px;
}

.navbar-mobile ul {
	display: block;
	position: absolute;
	top: 70px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	padding: 10px 0;
	overflow-y: auto;
	background-color: rgba(255, 255, 255, .5);
	backdrop-filter: blur(20px);
	transition: all 0.5s ease-in-out;
}

.navbar-mobile a {
	padding: 10px 130px;
	font-size: 15px;
	color: #ffffff;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
	color: #ffffff;
}

.navbar-mobile>ul>li {
	white-space: nowrap;
	padding: 1%;
}

.navbar-mobile a:hover:before,
.navbar-mobile li:hover>a:before,
.navbar-mobile .active:before {
	visibility: hidden;
}

.navbar-mobile .getstarted {
	margin: 15px;
	padding-left: 15px;
}


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

#hero {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
	margin-bottom: -70px;
	z-index: 99;
	transition: 0.3s;
	padding-top: 0;
}

#hero .carousel-item {
	width: 100%;
	height: 87vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat !important;
	position: relative;
	transition: 0.3;
}

#hero .slider-img-1 {
	background-image: url(/img/mv_pc_01.jpg);
}

#hero .slider-img-2 {
	background-image: url(/img/mv_pc_02.jpg);
}

#hero .slider-img-3 {
	background-image: url(/img/mv_pc_03.jpg);
}

#hero .carousel-item::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

#hero .carousel-container {
	right: 0;
	position: absolute;
	top: 0;
	color: #fff;
	left: 0;
	width: 100%;
	height: 87vh;
	display: flex;
	align-items: center;
	background-image: linear-gradient(hsl(0deg 0% 0% / 21%) 0%, hsl(0deg 0% 0% / 21%) 100%);
}

#hero .carousel-indicators {
	margin-bottom: 2rem;
}

#hero .carousel-content {
	text-align: left;
	margin: 0 400px;
}

#hero h1 {
	color: #fff;
	margin-bottom: 30px;
	font-size: 40px;
	font-weight: 700;
	line-height: 67px;
}

#hero .hero-font {
	font-size: 38px;
}

#hero p {
	font-size: 22px;
	font-weight: 700;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
	margin: 0 auto 30px auto;
	color: #fff;
}

#hero .carousel-inner .carousel-item {
	transition-property: opacity;
	background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
	opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
	opacity: 1;
	transition: 0.5s;
}

#hero .carousel-control-prev {
	left: 20px;
}

#hero .carousel-control-next {
	right: 20px;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
	left: 0;
	transform: translate3d(0, 0, 0);
}

#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
	transition: 0.2s;
	width: 54px;
	height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#hero .carousel-indicators li {
	cursor: pointer;
	background: #fff;
	overflow: hidden;
	border: 0;
	width: 12px;
	height: 12px;
	border-radius: 50px;
	opacity: .6;
	transition: 0.3s;
}

#hero .carousel-indicators li.active {
	opacity: 1;
}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/

section {
	padding: 60px 0;
}

.section-bg {
	background-color: #fafafa;
}

.section-title {
	text-align: left;
	padding-bottom: 3%;
}

.section-title h2 {
	color: #e0e0e0;
	;
	font-family: 'Lato';
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2.2px;
	line-height: 38px;
}

.section-title span {
	color: #000000;
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
}

.section-title .title-line-break {
	display: none;
}

.visible-first {
	display: flex;
}

.visible-second {
	display: none;
}

@media (max-width: 834px) {
	.section-title h2 {
		font-size: 20px;
	}
	.section-title span {
		font-size: 20px;
	}
}


/*--------------------------------------------------------------
# Help section starts
--------------------------------------------------------------*/

#help1 {
	background-color: #ffffff;
	padding-top: 8rem;
}

.help .box {
	text-align: center;
	transition: all ease-in-out 0.3s;
}

.help .box h4 {
	color: #1c1c1c;
	font-size: 33px;
	font-weight: 700;
	line-height: 40px;
	text-align: left;
	margin-bottom: 0;
}

.help .box p {
	padding: 0;
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	text-align: left;
	line-height: 38px;
}

.big-btn {
	padding: 0 33px;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 2.34px;
	line-height: 65px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 4px;
	background-image: linear-gradient(to right, #1d82c2 0%, #00937c 100%);
	width: 100%;
	max-width: 525px;
	height: 66px;
}

.big-btn:hover {
	background-image: linear-gradient(to right, #00937c 0%, #1d82c2 100%);
	transition: all .2s ease-in-out;
	color: #fff;
}

.btn-p {
	color: #000000;
	font-family: "Yu Gothic";
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 38px;
}

.contact-space {
	padding: 7rem 0;
}


/*--------------------------------------------------------------
# Help section ends
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# komatta
--------------------------------------------------------------*/

#komatta {
	background-color: #ffffff;
}

.line-br {
	display: none;
}

.komatta .box {
	padding: 40px 80px;
	text-align: center;
	transition: all ease-in-out 0.3s;
}

.komatta-img2 {
	width: 24%;
}

.komatta .border-right {
	background: url(/img/line2.svg) bottom right no-repeat;
	background-position: right;
}

.komatta .box h4 {
	color: #1c1c1c;
	font-size: 24px;
	font-weight: 700;
	line-height: 47px;
	text-align: center;
}

.komatta .box p {
	padding: 0;
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	text-align: left;
	line-height: 32px;
}


/* Outstrength section */

.outstrength {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.02);
	border-radius: 3px;
	background-color: #ffffff;
	padding: 65px 210px;
}

.reason-space {
	padding-top: 8rem;
}

.outstrength-visible {
	padding: 0;
}

.outstrength-sp-visible {
	display: none;
}

.outstrength .border-right {
	border-right: 1px solid rgb(112 112 112 / 15%);
	;
}

.outstrength span {
	color: #1d82c2;
	font-family: Lato;
	font-size: 21px;
	font-weight: 700;
}

.outstrength h4 {
	color: #121212;
	font-size: 19px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 27px;
	margin-bottom: 2.5rem;
}

.outstrength .down-arrow {
	border: 1px solid #dbdbdb;
	background-color: #ffffff;
	border-radius: 50px;
}

.outstrength img {
	width: 75px;
	height: 75px;
}


/* Last container */

.visible-block {
	padding: 0 5rem;
}

.last-con-visible {
	padding-top: 10rem;
}

.last-con .mid {
	padding: 0 5rem 0 0;
}

.last-con .mid .one {
	color: #1d82c2;
	font-size: 21px;
	font-weight: 700;
	font-family: 'Lato';
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: left
}

.last-con .mid h3 {
	color: #121212;
	font-size: 30px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 67px;
	text-align: left;
}

.last-con .mid p {
	font-style: normal;
	letter-spacing: normal;
	font-size: 22px;
	font-weight: 400;
	line-height: 40px;
}

.last-con .space {
	margin-top: 4.75rem;
}

.last-con .border-bottom {
	border-bottom: 4px solid white;
	padding: 0 0 4.75rem 0;
}


/* Result Section */

.result {
	padding-top: 8rem;
}

.container-2 {
	max-width: 100%;
	padding-left: 20%;
	padding-right: 20%;
}

.para-style1 {
	color: #000000;
	/* font-family: "Yu Gothic"; */
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 40px;
}

.para-style1 span {
	font-weight: 700;
}


/* Background man section */

.bg-blue {
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	background-image: linear-gradient(to right, #1d82c2 0%, #00937c 100%);
	/* padding-left: 10%;
    padding-right: 10%; */
}

.bg-blue-space {
	padding: 0px 160px;
}

.bg-blue-space1 {
	padding: 0 16rem;
}

.bg-blue .line-break-blue {
	display: none;
}

.bg-blue h3 {
	color: #ffffff;
	font-size: 37px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: left;
}

.bg-blue .text1 {
	color: #ffffff;
	font-size: 21px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: left;
}

.bg-blue .text2 {
	color: #000000;
	font-size: 18px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 38px;
	text-align: center;
}

.bg-blue .button-man {
	padding-top: 1rem;
}

.bg-blue .button-man-text {
	color: #1b84bc;
	font-size: 22px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 2.34px;
	line-height: normal;
	text-align: center;
	padding: 15px 165px;
	background-color: #ffffff;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	border-radius: 4px;
}

.button-man-text:hover {
	background-image: linear-gradient(to right, #00937c 0%, #1d82c2 100%);
	color: #ffffff;
	transition: all .2s ease-in-out;
}

.bg-blue .inner-space {
	padding: 65px 24px;
}

.bg-blue .man-image-bottom {
	padding: 9rem 0 0 0;
}

.bg-blue .visible-first {
	padding-left: 0;
	padding-right: 0;
}


/* Testimonials section */

.testimonials {
	padding-top: 8rem;
}

.testimonials-img-1 .banner-img {
	padding-left: 7%;
}

.testimonials-img-1 {
	position: relative;
	padding-right: 0;
}

.testimonials-img-2 {
	position: relative;
	padding-left: 0;
}

.testimonials .image-shadow1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 101%;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.testimonials .space-left {
	padding-left: 3rem;
	padding-right: 5rem;
}

.testimonials .space-right {
	padding-left: 3rem;
	padding-right: 5rem;
}

.testimonials .image-shadow2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 95%;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.testimonials-img-1 .bottom {
	position: absolute;
	top: 66%;
	left: 33%;
	transform: translate(-50%, -50%);
}

.testimonials-img-2 .bottom2 {
	position: absolute;
	top: 76%;
	left: 33%;
	transform: translate(-50%, -50%);
}

.bottom img {
	width: 65%;
}

.bottom h3 {
	color: #121212;
	font-size: 34px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 62px;
	text-align: left;
}

.bottom span {
	font-size: 24px;
}

.bottom2 .living-text2 {
	color: #121212;
	font-size: 34px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 62px;
}

.bottom2 .living-text3 {
	color: #121212;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 62px;
}

.testimonials .img-space-left {
	padding-left: 0;
}

.testimonials .img-space-right {
	padding-right: 0;
}

.testimonials .small-img-1 img {
	margin-top: -84px;
	position: relative;
}

.testimonials .small-img-2 img {
	margin-top: -92px;
	position: relative;
}

.testimonials .left-text-align {
	display: flex;
	/* justify-content: end; */
	align-items: center;
}

.testimonials .left-text1 h4 {
	color: #121212;
	font-size: 24px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 2;
	text-align: left;
}

.testimonials .left-text1 p {
	color: #000000;
	font-size: 22px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 32px;
	text-align: left;
}

.testimonials-img-2 img {
	padding-right: 7%;
}


/* Flows section */

.flows {
	padding-top: 8rem;
}

.flows .visible-first {
	padding-top: 4%;
}

.flows .card {
	border: none;
}

.flows .card-header {
	border: none;
	padding: 0;
	background-color: white;
	border-bottom: 1px solid gray;
}

.flows .centered {
	position: absolute;
	top: 22%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.flows .centered p {
	height: 22px;
	color: #e0e0e0;
	font-family: Lato;
	font-size: 18px;
	font-weight: 700;
}

.flows .centered span {
	width: 25px;
	height: 25px;
	color: #1d82c2;
	font-family: Lato;
	font-size: 16px;
	font-weight: 700;
}

.flows .card-title {
	color: #000000;
	font-size: 17px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-align: center;
}

.flows .card-text {
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 32px;
	text-align: left;
}


/* Company section */

.company .display-head-first {
	display: none;
}

.company .display-head-second {
	display: block;
}

.company .display-line {
	display: none;
}

.company .space-top {
	padding-top: 4%;
}

.company h3 {
	color: #1b83bd;
	font-size: 34px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 62px;
}

.company .table>:not(caption)>*>* {
	padding: 0rem 0.5rem;
}

.company .sub-heading {
	color: #454545;
	font-size: 20px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: 40px;
	text-align: left;
	word-break: keep-all;
}

.company .sub-text {
	color: #454545;
	font-size: 20px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: 40px;
	text-align: left;
	text-transform: uppercase;
}

.googlemaps {
	filter: grayscale(100%);
}

.h-500 {
	height: 500px;
}

.company iframe {
	width: 100%;
	height: 450px;
}


/* Contact section start */

.form-outer {
	max-width: 600px;
	margin: 130px auto;
}

.backslash {
	content: "\005C";
}


/* Contact section end */


/* Footer section */

.footer {
	padding: 7% 0 4% 0;
}

.footer p {
	color: #b9b9b9;
	font-family: Lato;
	font-size: 16px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 1.6px;
	line-height: 41px;
	text-transform: uppercase;
}


/* chat for sp */

div.btn-outer {
	display: none;
}

@media (max-width: 2560px) {
	#hero,
	.carousel-control-next,
	.carousel-control-prev,
	#hero .carousel-container {
		height: 100vh;
	}
	#hero h1 {
		font-size: 40px;
		line-height: 67px;
	}
	#hero .hero-font {
		font-size: 38px;
	}
	#hero p {
		font-size: 22px;
	}
	.help .box h4 {
		font-size: 29px;
	}
	.komatta .box {
		padding: 40px 55px;
	}
	.bg-blue-space1 {
		padding: 0 30rem;
	}
	.bg-blue .inner-space {
		/* padding: 9rem 1rem; */
		display: grid;
		text-align: center;
		justify-content: center;
		align-items: center;
	}
	.outstrength {
		padding: 6rem 16rem;
	}
	.komatta-img2 {
		width: 15%;
	}
}

@media (max-width: 2048px) {
	.bg-blue-space1 {
		padding: 0 23rem;
	}
	.help .box h4 {
		font-size: 34px;
	}
	.komatta-img2 {
		width: 20%;
	}
}

@media (max-width: 1920px) {
	.carousel-control-next,
	.carousel-control-prev,
	#hero .carousel-container {
		height: 87vh;
	}
	.komatta .box {
		padding: 40px 80px;
	}
	.bg-blue-space1 {
		padding: 0 16rem;
	}
	.help .box h4 {
		font-size: 33px;
	}
	.komatta-img2 {
		width: 24%;
	}
}

@media (max-width: 1680px) {
	.bg-blue-space1 {
		padding: 0px 16rem;
	}
	.flows .centered {
		top: 17%;
	}
	.testimonials .space-left {
		padding-left: 2rem;
		padding-right: 0rem;
	}
	.testimonials .space-right {
		padding-left: 0rem;
	}
	.komatta .box {
		padding: 40px 60px;
	}
	.help .box h4 {
		font-size: 31px;
  }
  .komatta-img2 {
		width: 26%;
	}
}

@media (max-width: 1600px) {
	.carousel-control-next,
	.carousel-control-prev,
	#hero .carousel-container {
		height: 98vh;
	}
	#hero .carousel-content {
		margin: 0 310px;
	}
	.komatta .box h4 {
		font-size: 20px;
	}
	.komatta .box p {
		font-size: 16px;
	}
	.last-con .mid p {
		font-size: 18px;
	}
	.bg-blue .inner-space {
		padding: 5rem 0rem;
	}
	.bg-blue-space {
		padding: 0px 127px;
	}
	.bg-blue .man-image-bottom {
		padding: 9.2rem 0 0 0;
	}
	.bg-blue-space1 {
		padding: 0px 14rem;
	}
	.testimonials .space-left {
		padding-left: 1rem;
		padding-right: 0;
	}
	.testimonials .space-right {
		padding-left: 1rem;
		padding-right: 0;
	}
	.testimonials-img-1 .bottom {
		top: 65%;
		left: 32%;
	}
	.testimonials-img-2 .bottom2 {
		top: 77%;
		left: 35%;
	}
	.bottom img {
		width: 55%;
	}
	.bottom h3 {
		font-size: 30px;
		line-height: 50px;
	}
	.bottom span {
		font-size: 22px;
	}
	.flows .card-text {
		font-size: 16px;
	}
	.company .sub-heading {
		font-size: 19px;
	}
	.company .sub-text {
		font-size: 19px;
	}
	.container-2 {
		padding-left: 16%;
		padding-right: 16%;
	}
	.komatta-img2 {
		width: 28%;
	}
}

@media (max-width: 1440px) {
	.navbar a,
	.navbar .getstarted {
		font-size: 16px;
	}
	.carousel-control-next,
	.carousel-control-prev,
	#hero .carousel-container {
		height: 90vh;
	}
	#hero .carousel-content {
		margin: 0 240px;
	}
	.help .box h4 {
		font-size: 26px;
	}
	.help .box p {
		font-size: 16px;
	}
	.komatta .box h4 {
		font-size: 17px;
		line-height: 40px;
	}
	.komatta .box p {
		font-size: 14px;
	}
	.outstrength {
		padding: 45px 96px;
	}
	.last-con .mid p {
		font-size: 17px;
	}
	.bg-blue-space {
		padding: 0px 110px;
	}
	.bg-blue .man-image-bottom {
		padding: 7.2rem 0 0 0;
	}
	.bg-blue .button-man-text {
		padding: 15px 149px;
	}
	.bg-blue-space1 {
		padding: 0px 12rem;
	}
	.bg-blue .text1 {
		font-size: 19px;
	}
	.testimonials .image-shadow2 {
		height: 93%;
	}
	.testimonials .space-left {
		padding-left: 3rem;
		padding-right: 0rem;
	}
	.testimonials .space-right {
		padding-left: 0rem;
		padding-right: 3rem;
	}
	.testimonials-img-1 .bottom {
		top: 65.5%;
		left: 34%;
	}
	.testimonials-img-2 .bottom2 {
		top: 75%;
		left: 34%;
	}
	.bottom img {
		width: 50%;
	}
	.bottom h3 {
		font-size: 28px;
		line-height: 45px;
	}
	.bottom span {
		font-size: 20px;
	}
	.bottom2 .living-text1 {
		font-size: 30px;
	}
	.bottom2 .living-text2 {
		font-size: 30px;
		line-height: 45px;
	}
	.bottom2 .living-text3 {
		font-size: 20px;
		line-height: 45px;
	}
	.testimonials .left-text1 p {
		font-size: 18px;
	}
	.testimonials .left-text1 h4 {
		font-size: 20px;
	}
	.testimonials .small-img-2 img {
		margin-top: -146px;
	}
	.flows .centered {
		top: 15%;
	}
	.flows .card-text {
		font-size: 13px;
	}
	.company .sub-heading {
		font-size: 18px;
	}
	.company .sub-text {
		font-size: 18px;
	}
	.container-2 {
		padding-left: 14%;
		padding-right: 14%;
	}
	.komatta-img2 {
		width: 34%;
	}
}

@media (max-width: 1366px) {
	.komatta .box h4 {
		font-size: 15px;
		line-height: 39px;
	}
	.contact-space {
		padding: 5rem 0;
	}
	.last-con .space {
		margin-top: 3.75rem;
	}
	#last-con .first-div nav ul li {
		line-height: 47px;
	}
	.last-con .section-title span {
		font-size: 20px;
	}
	.last-con .mid h3 {
		font-size: 26px;
		line-height: 58px;
	}
	.last-con .mid p {
		font-size: 16px;
	}
	.last-con .small-title {
		font-size: 17px;
	}
	.last-con .big-title {
		font-size: 18px;
	}
	.last-con .border-bottom {
		padding: 0 0 3rem 0;
	}
	.last-con .mid h3 {
		margin-top: -9px;
	}
	.testimonials-img-1 .bottom {
		top: 65%;
	}
	.testimonials .image-shadow2 {
		height: 93%
	}
	.testimonials .space-left {
		padding-left: 1rem;
		padding-right: 0;
	}
	.testimonials .space-right {
		padding-left: 1rem;
		padding-right: 0;
	}
	.company h3 {
		font-size: 30px;
		line-height: 45px;
	}
	.result img {
		width: 90%;
	}
}

@media (max-width: 1280px) {
	#hero .carousel-content {
		margin: 0 200px;
	}
	#hero h1 {
		font-size: 36px;
		line-height: 60px;
	}
	#hero .hero-font {
		font-size: 34px;
	}
	#hero p {
		font-size: 20px;
	}
	#main {
		padding-top: 2rem;
	}
	.help .box h4 {
		font-size: 22px;
		line-height: 35px;
	}
	.help .box p {
		font-size: 13px;
	}
	.komatta .box {
		padding: 20px 43px;
	}
	.komatta .box h4 {
		font-size: 14px;
		line-height: 35px;
	}
	.komatta .box p {
		font-size: 13px;
	}
	.outstrength {
		padding: 40px 34px;
	}
	.outstrength h4 {
		font-size: 17px;
	}
	.outstrength-visible {
		padding-top: 0;
	}
	.last-con .space {
		margin-top: 2.75rem;
	}
	.last-con .border-bottom {
		padding: 0 0 1rem 0;
	}
	.last-con .big-title {
		font-size: 16px;
	}
	.last-con .mid p {
		font-size: 15px;
	}
	.last-con .small-title {
		font-size: 15px;
	}
	.last-con .mid h3 {
		margin-top: -20px;
	}
	.bg-blue-space {
		padding: 0px 100px;
	}
	.bg-blue-space1 {
		padding: 0 10rem;
	}
	.bg-blue h3 {
		font-size: 30px;
		line-height: 43px;
	}
	.bg-blue .text1 {
		font-size: 15px;
		line-height: 28px;
	}
	.bg-blue .text2 {
		font-size: 16px;
		line-height: 28px;
	}
	.bg-blue .button-man-text {
		padding: 15px 111px;
	}
	.testimonials .image-shadow2 {
		height: 91%;
	}
	.testimonials .space-right,
	.testimonials .space-left {
		padding: 0;
	}
	.testimonials-img-1 .bottom {
		top: 70%;
		left: 36%;
	}
	.testimonials .image-shadow2 {
		height: 92%;
	}
	.testimonials-img-2 .bottom2 {
		top: 79%;
		left: 36%;
	}
	.left-text1 .top-space {
		padding-top: 1rem;
	}
	.testimonials .left-text1 h4 {
		font-size: 17px;
		line-height: 45px;
	}
	.testimonials .left-text1 p {
		font-size: 16px;
	}
	.flows .card-title {
		font-size: 12px;
		padding-top: 0!important;
	}
	.flows .card-text {
		font-size: 11px;
		line-height: 28px;
		padding-top: 0!important;
		padding-bottom: 0!important;
	}
	.flows .centered p {
		font-size: 16px;
	}
	.flows .centered span {
		font-size: 14px;
	}
	.company .sub-text,
	.company .sub-heading {
		font-size: 15px;
	}
	.container-2 {
		padding-left: 8%;
		padding-right: 8%;
	}
	.para-style1 {
		font-size: 20px;
	}
	#help1,
	.testimonials,
	.flows,
	.result,
	.reason-space {
		padding-top: 5rem;
	}
}

@media (max-width: 1194px) {
	.bg-blue .inner-space {
		padding: 3rem 0;
	}
	.komatta-img2 {
		width: 37%;
	}
}

@media (max-width: 1080px) {
	#hero h1 {
		font-size: 25px;
		line-height: 40px;
	}
	#hero .hero-font {
		font-size: 23px;
	}
	#hero p {
		font-size: 15px;
	}
	.last-con .mid {
		padding: 0 3rem 0 0;
	}
	.last-con .mid h3 {
		font-size: 23px;
		margin-top: -9px;
	}
	.testimonials .left-text1 p {
		font-size: 15px;
	}
	.testimonials .left-text1 h4 {
		font-size: 16px;
		line-height: 40px;
	}
	.bg-blue .button-man-text {
		font-size: 16px;
	}
	.bg-blue .text1,
	.bg-blue .text2 {
		font-size: 14px;
	}
	.bg-blue-space1 {
		padding: 0 9rem;
	}
	.bg-blue-space {
		padding: 0px 84px;
	}
	.komatta-img2 {
		width: 43%;
	}
}

@media (max-width: 1024px) {
	.carousel-control-next,
	.carousel-control-prev,
	#hero .carousel-container {
		height: 90vh;
	}
	.help .box h4 {
		font-size: 19px;
		line-height: 34px;
	}
	.help .box p {
		font-size: 14px;
	}
	.komatta .box {
		padding: 20px 30px;
	}
	.komatta .box h4 {
		font-size: 15px;
		line-height: 34px;
	}
	.komatta .box p {
		font-size: 14px;
	}
	.outstrength h4 {
		font-size: 16px;
		line-height: 30px;
	}
	#last-con .first-div nav ul li {
		line-height: 45px;
	}
	.last-con .section-title span {
		font-size: 16px;
	}
	.last-con .mid .one {
		font-size: 19px;
	}
	.last-con .mid h3 {
		font-size: 20px;
		line-height: 50px;
		margin-top: -13px;
	}
	.last-con .mid p {
		font-size: 14px;
		line-height: 38px;
	}
	.last-con .big-title {
		font-size: 14px;
	}
	.last-con .small-title {
		font-size: 13px;
	}
	.last-con .border-bottom {
		padding: 0 0 2.5rem 0;
	}
	.last-con .first-div nav {
		margin-top: -12px;
	}
	.bg-blue .man-image-bottom {
		padding: 4.2rem 0 0 0;
	}
	.bg-blue-space {
		padding: 0px 45px;
	}
	.bg-blue-space1 {
		padding: 0 5rem;
	}
	.bg-blue h3 {
		font-size: 26px;
	}
	.testimonials-img-1 .bottom {
		top: 67%;
		left: 40%;
	}
	.testimonials-img-2 img {
		padding-right: 5%;
	}
	.bottom2 img {
		width: 72%;
	}
	.bottom2 .living-text2 {
		font-size: 24px;
		line-height: 35px;
	}
	.testimonials .small-img-1 img {
		margin-top: -53px;
	}
	.testimonials .small-img-2 img {
		margin-top: -100px;
	}
	.testimonials .left-text1 p {
		font-size: 11px;
		line-height: 20px;
	}
	.testimonials .left-text1 h4 {
		font-size: 15px;
		line-height: 30px;
	}
	.flows .centered {
		top: 16%;
	}
	.flows .card-title {
		font-size: 11px;
	}
	.flows .centered p {
		font-size: 14px;
	}
	.flows .centered span {
		font-size: 12px;
	}
	.flows .card-text {
		line-height: 20px;
	}
	.company .sub-text {
		font-size: 15px;
	}
	.company h3 {
		font-size: 22px;
	}
	.h-500 {
		width: 435px;
	}
	.company iframe {
		height: 390px;
	}
	.para-style1 {
		font-size: 18px;
	}
}

@media (max-width: 834px) {
	#hero {
		height: 90vh;
	}
	#hero .carousel-item {
		height: 80vh;
	}
	#hero .carousel-container,
	.carousel-control-next,
	.carousel-control-prev {
		height: 85vh;
	}
	#hero h1 {
		font-size: 35px;
		line-height: 55px;
	}
	#hero .hero-font {
		font-size: 33px;
	}
	#hero p {
		font-size: 20px;
	}
	#hero .carousel-control-prev,
	#hero .carousel-control-next {
		width: 7%;
	}
	#hero .carousel-content {
		margin: 0 100px;
	}
	.help .box h4 {
		font-size: 14px;
		line-height: 24px;
	}
	.help .box p {
		margin-left: 0px;
		font-size: 12px;
		line-height: 25px;
	}
	.komatta .box {
		padding: 10px 30px 10px 0px;
	}
	.komatta .box img {
		margin-left: 0px;
	}
	.komatta .box .man-image-1 {
		margin-left: 0px;
	}
	.komatta .box h4 {
		font-size: 13px;
		line-height: 24px;
	}
	.komatta .box p {
		margin-left: 0px;
		font-size: 12px;
	}
	.outstrength span {
		font-size: 16px;
	}
	.outstrength h4 {
		font-size: 12px;
		line-height: 23px;
		margin-bottom: 1.5rem;
	}
	.outstrength p {
		font-size: 14px;
	}
	.outstrength img {
		width: 70px;
		height: 70px;
	}
	.last-con-visible {
		padding-top: 6rem;
	}
	#last-con .first-div nav ul li {
		line-height: 33px;
	}
	.last-con .section-title span {
		font-size: 13px;
	}
	.last-con .big-title {
		font-size: 11px;
	}
	.last-con .small-title {
		line-height: 25px;
		font-size: 11px;
	}
	.last-con .section-title span {
		font-size: 15px;
	}
	.last-con .mid {
		padding: 0 1rem 0 0;
	}
	.last-con .mid .one {
		font-size: 16px;
	}
	.last-con .mid h3 {
		font-size: 16px;
		margin-top: -16px;
		line-height: 40px;
	}
	.last-con .mid p {
		font-size: 11px;
		line-height: 20px;
	}
	.bg-blue-space {
		padding: 0px 45px;
	}
	.bg-blue .inner-space {
		padding: 34px 2px;
	}
	.bg-blue h3 {
		font-size: 20px;
		line-height: 32px;
	}
	.bg-blue .text1 {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 0;
	}
	.bg-blue .text2 {
		font-size: 12px;
		line-height: 22px;
	}
	.bg-blue .button-man-text {
		font-size: 12px;
		letter-spacing: 1.34px;
		line-height: 27px;
		padding: 8px 12px;
	}
	.bg-blue .man-image-bottom {
		padding: 3.4rem 0 0 0rem;
	}
	.testimonials .image-shadow2 {
		height: 89%;
	}
	.testimonials .small-img-2 img {
		margin-top: -153px;
	}
	.testimonials-img-1 .bottom {
		top: 66.5%;
		left: 45%;
	}
	.bottom2 img {
		width: 68%;
	}
	.bottom2 .living-text2 {
		font-size: 20px;
		line-height: 35px;
	}
	.bottom2 .living-text3 {
		font-size: 18px;
		line-height: 35px;
	}
	.testimonials-img-2 .bottom2 {
		top: 77%;
		left: 39%;
	}
	.bottom h3 {
		font-size: 22px;
		line-height: 30px;
	}
	.bottom span {
		font-size: 16px;
	}
	.bottom img {
		width: 45%;
	}
	.testimonials .left-text1 p {
		font-size: 12px;
		line-height: 18px;
	}
	.testimonials .left-text1 h4 {
		font-size: 11px;
		line-height: 30px;
	}
	.flows .card-title {
		font-size: 12px;
	}
	.flows .card-text {
		font-size: 12px;
		line-height: 20px;
	}
	.flows .centered {
		top: 11%;
	}
	.flows .centered p {
		font-size: 13px;
	}
	.flows .centered span {
		font-size: 13px;
	}
	.company h3 {
		font-size: 21px;
	}
	.company iframe {
		height: 370px;
	}
	.company .sub-heading {
		font-size: 12px;
	}
	.company .sub-text {
		font-size: 10px;
	}
	.h-500 {
		width: 349px;
	}
	.company iframe {
		height: 370px;
	}
	.big-btn {
		font-size: 18px;
		max-width: 400px;
	}
	.btn-p {
		font-size: 14px;
	}
	.contact-space {
		padding: 3rem 0;
	}
	.para-style1 {
		font-size: 16px;
	}
	.form-outer {
		max-width: 500px;
	}
	.komatta-img2 {
		width: 48%;
	}
}

@media (max-width: 768px) {
	.komatta-img2 {
		width: 51%;
	}
}