*, *::before, *::after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
	-webkit-text-size-adjust: 100%;
	position: relative;
	color: #3a3a3a;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 400;
	line-height: 1.6;
	font-size: 15px;
}

a {
	text-rendering: none;
}

a:hover {
	opacity: .7;
	text-decoration: none;
	transition: .5s;
}

.txt-pink {
	color: #eb6877;
}

.deco2, .deco3, .deco4, .deco5, .deco6 {
	display: block;
	width: 100%;
}

.deco2 {
	margin-bottom: -4px;
}

.deco3 {
	margin-top: -4px;
}

#wrap {
	overflow: hidden;
}

.webp #firstvie-wrap, .no-webp #firstvie-wrap{
	background-image: url(../img/bg_image_sp.webp);
	width: 100vw;
	min-height: 730px;
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;
}

.no-webp #firstvie-wrap {
	background-image: url(../img/bg_image_sp.jpg);
}

.header-wrap {
	background-color: transparent;
	transition: 0.5s;
}

.header-wrap > .navbar-brand img {
	display: block;
	width: 100%;
	height: 50px;
	transition: 0.5s;
}

.navbar-collapse {
	background-color: #7ecef4;
	padding-top: 14px;
	padding-bottom: 20px;
	transition: .5s;
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
	margin-top: -5px;
}

.navbar-light .navbar-nav li:last-child .nav-link {
	margin-bottom: 20px;
}

header.scroll-nav {
  padding: 0;
/*  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);*/
  background-color: transparent;
}

header.scroll-nav .navbar-collapse {
	background-color: #7ecef4 !important;
	transition: .5s;
	margin-bottom: 2rem;
}

.header-cv-wrap a {
	margin: 8px;
}

.header-cv-btn1 {
	width: 145px;
}

.header-cv-btn1 img {
	display: block;
	width: 100%;
	margin-top: -4px;
}

.header-cv-btn2, .header-cv-btn3 {
	background-color: #07b53b;
	color: white !important;
	height: 46px;
	line-height: 46px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 500;
	padding-left:30px;
	padding-right: 8px;
	letter-spacing: 1px;
	margin-left: 8px;
	position:relative;
}

.header-cv-btn2:hover {
	color: white;
	transform: translateY(-3px);
	transition: .3s;
	opacity: 1;
}

.header-cv-btn3 {
	color: #07b53b !important;
	background-color: white;
	border: 1px solid #07b53b;
	padding: 0 3rem 0 79px;
}

.header-cv-btn3:hover {
	color: #07b53b;
	transform: translateY(-3px);
	transition: .3s;
	opacity: 1;
}

.header-cv-btn2::before {
	content:"";
	background:url(../img/icon_shiryo.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:inline-block;
	width:18px;
	height: 22px;
	position: absolute;
	top: 0;
	left:6px;
	bottom:0;
	margin: auto;
}

.header-cv-btn3::before {
	content:"";
	background:url(../img/icon_mail.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display:inline-block;
	width:23px;
	height: 14px;
	position: absolute;
	top: 4px;
  left: 53px;
	bottom:0;
	margin: auto;
}

.kv-wrap {
	padding-top: 70px;
}

.navbar-light .navbar-toggler-icon {
	background-image: url(../img/toggle2.svg) !important;
	box-shadow: 0px 0px 6px -5px #777777;
}

.navbar-toggler {
	border:none;
}

.kv-left, .kv-right {
	margin: 0 auto;
	width:100%;
}


.kv-left {
	text-align: center;
	margin-bottom: 28px;
}

.kv-txt1 {
	background-color: white;
	border-radius: 6px;
	color: #07b53b;
	padding: 3px 7px;
	font-size:14px;
	font-weight: 500;
	display: inline-block;
	margin-bottom: 20px;
	margin-top: 40px;
	letter-spacing:.05em;
}
@media screen and (min-width: 320px) {
	.kv-txt1 {		
		font-size:13px;
	}
}

.kv-left h1 {
	max-width:269px;
	margin: auto;
}

.kv-left img, .kv-right img {
	display: block;
	width: 100%;
}

.kv-img1 {
	display: block;
	max-width: 400px;
	margin: auto;
	margin-top: 20px;
}

.kv-img2 {
	max-width: 500px;
	margin: auto
}

.kv-txt2 {
	background-color: rgba(255,255,255,.8);
	color: #eb6877;
	font-size: 16px;
	padding: 4px 6px;
	margin: 40px 0 60px 0;
	box-sizing: border-box;
	font-weight: 600;
	border-bottom: 1px solid #eb6877;
	border-radius: 3px;
	display: inline-block;
}

.about-wrap p {
	background-color: rgba(255,255,255,.8);
	color: #0062b4;
	font-size: 14px;
	line-height: 1.65;
  padding: 10px 9px 14px 9px;
	font-weight: 500;
	z-index: 1;
	position: relative;
	border-radius: 6px;
}

.about-wrap p b {
	font-weight: 800;
	border-bottom: 3px dotted #07b53b;
}

.about-wrap .about-img01 {
	display: block;
	position: absolute;
	width: 150px;
	height: auto;
	top: 20px;
	left: -10px;
	z-index: 10;
}

.about-wrap .about-img02 {
	display: block;
	width: 130px;
	height: auto;
	margin-top: 1rem;
}

#function, #work, #strength, #customers, #voice, #step {
	padding-top: 95px;
}

#customers, #voice {
	padding-top: 0px;
}

.deco {
	position: relative;
}

.deco img {
	display: block;
	width: 100%;
	position: relative;
	top: -120px;
	z-index: -12;
}

.webp .complain-inner-wrap, .no-webp .complain-inner-wrap {
	background-color: #7ecef4;
	background-image: url(../img/ft-image01.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	padding-top: 80px;
}

.no-webp .complain-inner-wrap {
	background-image: url(../img/ft-image01.png);
}

.complain-inner h2{
	transition: 1.5s;
	color: white;
	margin-bottom: 0px;
}

.complain-inner img {
	transition: 1.8s;
	display: block;
	width: 70%;
	margin: 0 auto;
	position: relative;
    top: 24px;
    z-index: 99;
}

.complain-deco {
	transform: scale(1, -1);
	margin-top: -4px;
}

@keyframes line {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
         transform: translate3d(-50%, 0, 0);
         opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    -moz-transform: translate3d(-50%, 100px, 0);
         transform: translate3d(-50%, 100px, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    -moz-transform: translate3d(-50%, 100px, 0);
         transform: translate3d(-50%, 100px, 0);
         opacity: 1;
  }
}
.deco6 {
	width: 5px;
	height: 140px;
	position: relative;
	top: -50px;
	margin: 0 auto;
	overflow: hidden;
}

.deco6 img {
	display: block;
	margin: 0 auto;
	width: 5px;
	height: auto;
	position: absolute;
    top: -50px;
    left: 0;
    animation: line 2s ease infinite;
}

.webp .function-wrap, .no-webp .function-wrap {
	background-image: url(../img/bg_image01.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right 0;
	min-height: 1200px;
	z-index: 12;
}

.no-webp .function-wrap {
	background-image: url(../img/bg_image01.png);
}

#function {
	position: relative;
	margin-top: -80px;
	margin-bottom: 100px;
}

#function p {
	font-size:14px;
	line-height:1.8;
}

.text-b, .text-b-green {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 86px;
}

#work .text-b,
#strength  .text-b,
#customers .text-b {
	margin-bottom: 40px;
}

.text-b-mini {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 42px;
}

.text-b-green {
	color: #07b53b;
	margin-bottom: 42px;
}

#customers .text-b-mini {
	margin-bottom: 10px;
}

.card-deck {
	margin-bottom: 60px;
}

.function-card-wrap > .card {
	position: relative;
	box-shadow: 0px 8px 16px -2px rgba(10,10,10,0), 5px 7px 0px 1px #46e695;
}

.card-subtt {
	position: absolute;
    left: 0;
    right: 0;
    top: -40px;
    margin: auto;
	width: 94px;
	height: auto;
}

.card-subtt img {
	display: block;
	width: 100%;
}

.function-card-wrap > .card {
	margin-bottom: 80px;
}

.function-card-wrap > .card .card-title {
	font-weight: 500;
	text-align: center;
	padding-top: 40px;
	font-size: 18px;
}

.function-card-img-wrap , .customers-card-img-wrap{
	display: block;
	width: 100%;
	max-width: 286px;
	height: auto;
	margin: auto;
	padding: 10px 10px 20px 10px;
}

.customers-card-img-wrap {
	max-width: 100%;
}

.function-card-img-wrap img, .customers-card-img-wrap img {
	display: block;
}

.function-card-wrap > .card ul.card-text {
	padding-left: 15px;
	list-style-type: disc;
	list-style-position: outside;
	font-size:14px;
	line-height:1.8;
}

.function-list-wrap {
	width: 100%;
	max-width: 676px;
	margin: 0 auto;
}

.function-list-wrap li {
	display: block;
	font-weight: 500;
	padding: 2px;
	height: 22px;
	line-height: 26px;
	margin-bottom: 6px;
	font-size: 12px;
}

.webp .function-list-wrap li::before, .no-webp .function-list-wrap li::before {
	content: "";
	width: 26px;
	height: 26px;
	background-image: url(../img/icon01.webp);
	background-size: contain;
	background-repeat: no-repeat;
	padding-left: 40px;
	margin-right: -10px;
}

.no-webp .function-list-wrap li::before {
	background-image: url(../img/icon01.png);
}

@media screen and (min-width: 321px) {
.function-list-wrap li {
	font-size: 14px !important;
}

.function-list-wrap li::before {
	margin-right: 0px;
}
}

@media screen and (min-width: 414px) {
.function-list-wrap li {
	font-size: 16px !important;
}
}

#work {
	background-color: #fbebe3;
}

.work-wrap {
	position: relative;
	top: -70px;
	z-index: -1;
}

.work-img-wrap {
	padding: 1rem;
}

.work-img-wrap img {
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-bottom: 2rem;
}

.work-text-wrap {
	position: relative;
	max-width: 450px;
	width: 100%;
/*	top:20px;*/
	margin: 0 auto;
	margin-top: -20px;
}

.work-text-wrap .text-b-mini {
	margin-bottom: 10px;
	margin-top: 30px;
	font-size:18px;
}

.work-text-wrap p {
	font-size:14px;
	line-height:1.8;
}

.work-text-img {
	display: block;
	width: 100%;
	max-width: 312px;
	height: auto;
	margin: 2rem auto;
}

#strength {
	margin-top: -80px;
}

.st-wrap {
	margin-bottom: 60px;
}

.st-item {
	margin-bottom: 40px;
}

.st-text-mini {
	font-size: 40px;
	color: #07b53b;
	font-weight: 800;
}

.st-item img {
	display: block;
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
}

.st-wrap h3 {
	font-size: 22px;
	font-weight: 600;
	color: #07b53b;
	margin-bottom: 10px;
}

.st-wrap ul {
	list-style:none;
}

.st-wrap ul li {
	text-indent: -26px;
	padding-left: 40px;
	margin: 6px 0;
	font-weight:500;
	font-size:14px;
}

.webp .st-wrap ul li:before, .no-webp .st-wrap ul li:before {
	display: inline-block;
	content: "";
	width: 26px;
	height: 22px;
	background: url(../img/st-icon01.webp);
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	top: 6px;
	left: -9px;
}

.no-webp .st-wrap ul li:before {
	background: url(../img/st-icon01.png);
}

.st-icon img {
	display: block;
	width: 30px
	height: auto;
	margin: 0 auto;
}

.customers-wrap {
	width: 100%;
	background-image: url(../img/bg-image03.gif);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: left top;
    z-index: -1;
}

#customers .card-text {
	font-size:14px;
	line-height:1.8;
}


.deco4, .deco5, .deco6 {
	position: relative;
	z-index: 2;
}

.deco4 {
	margin-bottom: -4px;
}

#coustomers {
	z-index: 99;
}

.txt-gray {
	text-decoration:underline;
}

.customers-inner-wrap {
	margin-top: 30px;
}

.customers-inner-wrap .card {
	border-radius: 10px;
	background-color: #fb6d77;
	border: transparent;
	color: #ffffff;
}

.customers-inner-wrap .card h3 {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: .3rem;
}

.map_illust img {
    display: block;
	width: 100%;
	max-width: 500px;
    margin: 0 auto;
}

.header-wrap ul li a {
	font-weight: 500;
	text-align: center;
	padding: 10px;
	transition: 0.5s;
	font-size:14px;
}

.navbar-light .navbar-nav .nav-link {
	color:#fff;
}

.navbar-light .navbar-nav .nav-link.cloud {
	background-color:#FF9100;
	color:#fff;
	border-radius:3px;
	padding: 2px 34px 2px 11px;
	margin: 10px auto 0;
	position:relative;
	display:inline-block;
}

.navbar-light .navbar-nav .nav-link.cloud::after {
	content:"";
	background-image: url(../img/link_site.svg);
	display:inline-block;
	width:12px;
	height: 12px;
	position:absolute;
	right:13px;
	top: 0;
	bottom:0;
	margin-top: auto;
	margin-bottom:auto;
	z-index:1;
}

.navbar-light .navbar-nav .nav-link.cloud::before {
	content:"";
	display:inline-block;
	width:100%;
	height: 100%;
	background-color: rgba(35, 35, 35, .3);
	position:absolute;
	top: 0;
	left:0;
	border-radius:3px;
	z-index:2;
}

.navbar-light .navbar-nav .nav-item.cloud {
	text-align:center;
}

.navbar-light .navbar-nav .nav-link.cloud:hover {
	opacity:1;
	color:#fff;
}

#voice {
	position: relative;
/*	top: -30px;*/
	z-index: 11 !important;
}

#step ul {
	margin: 2rem auto !important;
}

#step ul li {
	flex: 1,1,auto;
	padding: 10px 5px;
}

#step ul li .arrow{
	position: relative;
}

#step ul li .arrow::after {
	position: absolute;
	content: "･･･";
	font-weight: 800;
	color: #07b53b;
    z-index: -1;
	position: absolute;
	top: 50%;
	left: 92%;
	transform: translateY(-50%) translateX(50%);
	-webkit- transform: translateY(-50%) translateX(50%);
}

#step ul li:nth-child(5) .arrow::after {
	display: none;
}

#step ul li img {
	display: block;
	max-width: 181px;
	width: 100%;
	margin: auto;
}

.step-text {
	font-size: 15px;
	font-weight: 500;
	color: #07b53b;
	margin: 10px auto;
}


.footer-wrap {
	width: 100%;
	z-index: -1;
}

footer {
	background-color: #7ecef4;
}

.text-f, .text-f-mini {
	font-size: 18px;
	font-weight: 500;
	color: white;
	padding: 40px 0;
}

.text-f-mini {
	font-size: 15px;
	padding: 0;
}

.tel-f {
	display: block;
	max-width: 332px;
	height: auto;
	margin: 0 auto;
	width: 80%;
}

.cv-btn-wrap {
	width: 100%;
	max-width: 700px;
	margin: 2rem auto;
}

.cv-btn-wrap img {
	display: block;
	width: 100%;
	max-width: 297px;
	height: auto;
	margin: auto;
	margin-bottom: 1rem;
}

.cv-btn-wrap div a img:hover {
	transform: translateY(-5px);
	transition: .3s;
	opacity: 1;
}

.link-mail a:hover {
	transform: translateY(-3px);
	transition: .3s;
	opacity: 1;
}

.logo-f {
	display: block;
	margin: 0 auto;
}

.logo-text-f {
	text-align: center;
	color: white;
	font-size: 14px;
	padding-bottom: 40px;
}

.footer-bottom-wrap {
	width: 100%;
	align-items: center;
	background-color: white;
	padding: 10px;
	margin: 0;
	position: relative;
}

.footer-bottom-wrap a {
	display: inline-block;
	color: #07b53b;
	font-size: 12px;
	font-weight: 500;
	margin-left: 10px;
	height: 15px;
	line-height: 15px;
}

.footer-bottom-wrap > :last-child {
	margin-left: auto;
}

.footer-bottom-wrap a img.footer-logo {
	height: 15px;
}

footer form {
	font-weight:500;
}

.link-icon {
	display: inline-block;
	width: 12px;
	margin-left: 4px;
}

.btn-top {
	position: absolute;
	bottom: 68px;
	right: 18px;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-color: #07b53b;
    color: white;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    box-shadow: 0px 8px 8px -2px rgba(10,10,10,0), 5px 5px 0px 1px #ffffff;
    font-weight: 500;
}
.btn-top:hover {
	opacity: 1;
}

.link-mail {
	text-align: center;
	margin-bottom: 2rem;
}

.link-mail a {
	display: inline-block;
	background-color: white;
	font-size: 14px;
	color: #07b53b !important;
	border-radius: 20px;
	padding: 8px 36px;
}

a.active {
	color: blue;
	font-size: 15px;
	transition: .5s;
}

.fadeInUp {
  position: relative;
  bottom: -50px;
  opacity: 0;
  transition: bottom 1s, opacity 1s;
}
.fadeInUp.show {
  bottom: 0;
  opacity: 1;
}

.inRight {
  position: relative;
  right: -100px;
  opacity: 0;
  transition: right 1s, opacity 1s;
}
.inRight.show {
  right: 0;
  opacity: 1;
}

.header-wrap ul li a.active {
	color: #1887f2 !important;
	transition: .5s;
	transform: scale(1.1);
}

#function .card:nth-child(2) {
	transition: 1.5s;
}

#function .card:nth-child(3) {
	transition: 1.8s;
}

.voice-wrap {
	padding: 14px;
	margin-bottom: 30px;
	box-shadow: 0px 6px 14px -2px rgba(10,10,10,0), 3px 5px 0px 1px #46e695;
	border-radius: 10px;
	height: 94%;
}

.voice-img img {
	display: block;
	width: 70px;
	height: auto;
}

.voice-info {
	font-size: 16px;
	color: #07b53b;
	padding-top: 12px;
	padding-left: 10px;
	font-weight: 600;
}

.voice-content {
	padding: 10px;
	font-size: 14px;
  line-height: 1.8;
}


.kv-txt2-wrap {
	z-index: 44;
}

.work-inner-wrap {
	padding-bottom: 70px;
}

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

.sp-cv-follow {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 100;
}

.sp-cv-follow a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	background-color: #07b53b;
	color: #fff;
	text-align: center;
	letter-spacing: .05em;
	font-weight: 500;
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
}

.link-cloud {
	margin-top: 28px;
  box-shadow: 0px 0px 15px -13px #777777;
}

.kv-wrap-bottom.menu .cv-effect {
	display:inline-block;
	width:47%;
}

.kv-wrap-bottom.menu .cv-btn-wrap {
	margin: 0 auto 1rem;
}

.kv-wrap-bottom.menu .cv-btn-wrap a {
	padding: .5rem 1.2rem;
    background: #fff;
    border-radius: 40px;
    border: 2px solid #07b53b;
    font-weight: 500;
    font-size: 13px;
    display: inline-block;
    width:100%;
    text-align:center;
}

.kv-wrap-bottom.menu .cv-btn-wrap .trial {
    background: #fff;
    border: 2px solid #fb6d77;
    color: #fb6d77;
}

.header-cv-btn1.menu {
	display:inline-block;
	width:145px;
}

/*=====終了=====スマホ*/


/*=====開始=====タブレット*/


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

.deco6 {
	top: -80px;
}

.deco6 img  {
	width: 5px;
	top: -60px;
}

.work-inner-wrap {
	padding-bottom: 100px;
}

.work-img-wrap {
	padding: 2rem;
}

.work-text-wrap {
	left: 0;
	margin: 0;
	margin-top: -300px;
}

.work-text-img {
	margin: 1rem 0;
}

#strength {
	z-index: 999 !important;
    position: relative;
}

.customers-wrap {
	margin-top: -90px;
}


#step ul li {
	padding: 10px 20px;
}

#step ul li .arrow::after {
	left: 97%;
}

.text-f {
	font-size: 24px;
}

.st-wrap h3 {
	font-size: 24px;
}

.st-item img {
	display: block;
	width: 400px;
	margin: 0 auto;
	padding-right: 30px;
}

.st-img-ad {
	padding-top: 30px;
}

.voice-wrap {
	margin-right: 30px;
}

.voice-wrap:nth-child(n+1) {
	margin-right: 0px;
}

.deco4, .deco5 {
	height: 350px;
}

.footer-wrap .deco4 {
	height: 230px;
}

.about-wrap p {
	font-size: 16px;
	letter-spacing:.05em;
}

a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}


.webp #firstvie-wrap, .no-webp #firstvie-wrap{
	background-image: url(../img/bg_image.jpg);
	background-size:cover;
	background-position:center;
	min-height:814px;
}

.text-b, .text-b-green {
	font-size:22px;
}


.header-cv-btn2::before {
	top:3px;
}

}


/*=====終了=====タブレット*/

/*=====開始=====PC*/

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

body {
	font-size: 16px;
}

.webp #firstvie-wrap, .no-webp #firstvie-wrap {
	background-image: url(../img/bg_image.jpg);
	background-size:cover;
	background-position:center;
	height: 870px;
	min-height: 870px;
	display: block;
	width: 100%;
	max-width:1500px;
	margin:auto;
}
/*.no-webp #firstvie-wrap {
	background-image: url(../img/bg_image.jpg);
}*/

header {
	max-width:1500px;
	margin:auto;
	padding: 10px;
}
.navbar {
	padding: 0;
}

.navbar-light .navbar-nav .nav-link {
	color:#1887f2;
}


.navbar-light .navbar-nav .nav-link.cloud {
	margin-top: 8px;
	margin-left:12px;
	font-size:14px;
}

.navbar-light .navbar-nav .nav-link.cloud::after {

}

.navbar-light .navbar-nav .nav-link:hover {
	color: #1887f2;
	opacity:.6;
}



header.scroll-nav .navbar-light .navbar-nav .nav-link {
	color:#fff;
}

header.scroll-nav.header-wrap ul li a.active {
	color:#1887f2;
}

.header-wrap {
	background-color: transparent;
}

.navbar-collapse {
	background-color: transparent;
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 0;
	box-shadow: none;
	transition: 0;
}

.navbar-light .navbar-nav li:last-child .nav-link {
	margin-bottom: 0px;
}

header.scroll-nav .navbar-collapse {
	background-color: transparent;
	padding-top: 0px;
	padding-bottom: 0px;
	box-shadow: none;
	margin-bottom: 0;
}

header.scroll-nav {
  background-color: #7ecef4 !important;
  max-width: 100%;
  padding: 0 10px;
}

header.scroll-nav .navbar-collapse {
	padding-top: 0;
}

.header-cv-wrap {
	margin:0;
}
.header-cv-wrap a {
	margin: 0 4px;
}

.header-cv-btn2, .header-cv-btn3 {
	font-size: 14px;
	width: 120px;
	text-align: center;
}

.header-cv-btn3 {
	padding:0;
	padding-left: 30px;
}

.header-cv-btn2::before {
	left:18px;
}

.header-cv-btn3 {
	width:140px;
}
.header-cv-btn3::before {
	left:12px;
}

.kv-left, .kv-right {
	margin: 0;
}

.kv-right {
	margin-top: -78px;
}


.kv-left {
	text-align: left;
}

/*.kv-left, .kv-right {
	width: 50%;
}*/

.kv-left h1, .kv-img1  {
	margin: 0;
}

.kv-txt1 {
	font-size: 18px;
	padding: 4px 13px;
	margin-left: 10px;
	margin-top: 20px;
}

.complain-inner img {
	top: 36px;
}

.deco6 {
	height: 200px;
	width: 6px;
}

.deco6 img {
	width: 6px;
}

.about-wrap p {
	margin-top: 100px;
	font-size: 18px;
	line-height: 1.5;
	display: inline-block;
	padding-right: 40px;
	padding: 15px 10px 20px 20px;
}

.about-wrap .about-img01 {
	top: 40px;
	left: -20px;
}

.about-wrap .about-img02 {
	position: absolute;
	top: -15px;
    right: -131px;
    z-index: 12;
    width: 150px;
}

.header-cv-btn2::before {
	top:3px;
}


@media screen and (min-width: 992px) and (max-width:1060px) {
.about-wrap .about-img02 {
	width:132px;
	right: -101px;
}
}

.kv-img1 {
	max-width: 380px;
	margin: 0;
	margin-top: 20px;
}

.kv-img2 {
	position: absolute;
	bottom: -60px;
	right: 0;
	max-width: 100%;
}

.text-b, .text-b-green {
	font-size: 34px;
	margin-bottom: 80px;
}

#work .text-b,
#strength  .text-b,
#customers  .text-b {
	margin-bottom: 80px;
}
.function-list-wrap li {
	margin-bottom: 16px;
}

.customers-inner-wrap {
	display: flex;
	flex-direction: column;
	width: 680px;
	margin: 2rem auto;
}

.customers-inner-wrap .card {
	margin-bottom: 20px;
}

.customers-inner-wrap .card-body {
	display: flex;
	flex-direction: row;
	padding: 16px;
}

.customers-card-img-wrap {
	padding: 0 10px 0 0;
	width: 183px;
}

.customers-card-img-wrap img {
	display: block;
	height: 102px;
	width: 173px;
}

.customers-wrap  {
    background-position: left bottom;
}

.complain-inner img {
	bottom:-70px;
	width: 60%;
}

.kv-txt2 {
	margin-top: 20px;
}

.kv-tt-container {
	width: auto;
}

.kv-wrap {
	padding-top: 178px;
	max-width:1300px;
}

.kv-form-container {
	width: 420px;
	background-color: #fff;
	margin-left: 80px;
/*	margin-top: 55px;*/
	border-radius: 10px;
	font-weight:500;
}

.kv-wrap-bottom {
	width: 100%;
	height: 78px;
	line-height: 78px;
	background-color: #1887f2;
	text-align: center;
}

.kv-wrap-bottom p.works {
	color: #fff;
	font-size: 22px;
	display: inline-block;
	position: relative;
	padding: 0 34px;
}

.kv-wrap-bottom p.works::before,
.kv-wrap-bottom p.works::after {
	display: block;
	content: "";
	background-image: url(../img/s02.png);
	width: 20px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
    left: 0;
    top: 0;
    bottom: -16px;
    margin: auto;
}

.kv-wrap-bottom p.works::after {
	background-image: url(../img/s01.png);
    left: auto;
    right: 0;
    bottom: 15px;
}

.kv-wrap-bottom p.works span {
	font-size: 18px;
	margin-right: 15px;
}

.kv-wrap-bottom .cv-btn-wrap {
	margin: 0;
	height: 78px;
}

.kv-wrap-bottom .cv-btn-wrap img {
	width: 240px;
	margin-bottom: 0;
}

.kv-wrap-bottom .cv-btn-wrap a,
.kv-wrap-bottom .cv-btn-wrap .trial {
	padding: .8rem 2.6rem;
    background: #fff;
    border-radius: 40px;
    border: 2px solid #07b53b;
    font-weight: 500;
    display: inline;
}

.kv-wrap-bottom .cv-btn-wrap .trial {
    background: #fff;
    border: 2px solid #fb6d77;
    color: #fb6d77;
}


.kv-wrap-bottom .cv-btn-wrap .cv-effect:hover {
	transform: translateY(-3px);
	transition: .3s;
}

.link-works,
.link-tel {
	display: none;
}

.footer-bottom-wrap a {
	font-size:14px;
	height: auto;
	line-height:auto;
}

.footer-bottom-wrap a img.footer-logo {
	height: auto;
}

.st-wrap h3 {
	font-size: 34px;
}

#function p,
.function-card-wrap > .card ul.card-text,
.work-text-wrap p,
.st-wrap ul li,
#customers .card-text,
.voice-content {
	font-size:15px;
}

}

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

.link-works {
	display: block;
}
]

/*=====終了=====PC*/
/*=====開始=====xl PC*/


@media screen and (min-width: 1140px) {
.header-wrap ul li a {
	display: inline-block;
	font-size:15px;
	text-align: left;
	padding: 0;
}

.header-cv-btn2, .header-cv-btn3 {
	font-size: 15px;
}

.about-wrap .about-img01 {
	width: 200px;
	top: 20px;
}

.about-wrap .about-img02 {
	width: 160px;
}

.deco img {
	top:-140px;
}

.complain-inner img {
	width: 55%;
}

.deco6 {
	top: -120px;
}

#function {
	margin-top: -150px;
}


.work-text-wrap {
	max-width: 430px;
	left: 40px;
	margin: 0;
	margin-top: -380px;
}
}



@media screen and (min-width: 1250px) {
.link-tel {
	display: block;
}
}

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

.header-cv-btn2, .header-cv-btn3 {
	width: 150px;
	text-align: center;
}

.header-cv-btn2::before {
	left:30px;
}

.header-cv-btn3::before {
	left:18px;
}


}

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


.colorpink {
	background-color:#FBF7F8;
}


header.scroll-nav {
  padding: 0 30px;
}

.header-wrap ul li a,
.header-cv-wrap a {
	font-size:16px;
}

.header-cv-btn2, .header-cv-btn3 {
	width: 160px;
	text-align: center;
}

.header-cv-btn2::before {
	left:30px;
}

.header-cv-btn3::before {
	left:18px;
}

}