@charset 'utf-8';

/**/
.page_function ul,
.page_function ol {
  list-style: none;
  margin: 0;
  padding: 0;
}


/*タイトル*/
.l-lowerpage-header {
  height: 300px;
  padding-top: 80px;
  width: 100%;
  color: #e5e5e5;
  background-color: #59564F;
}
.l-lowerpage-header__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1256px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}


.c-heading-lowerpageHeader_h2 {
  font-size: 2em;
}
@media screen and (max-width: 767px) {
  .c-heading-lowerpageHeader_h2 {
    font-size: 1.5em;
  }
}
.c-heading-lowerpageHeader_h2 span {
  display: inline;
  font-size: 14px;
  letter-spacing: 1.4px;
  position: relative;
  text-transform: uppercase;
}
.c-heading-lowerpageHeader_h2 span::after {
  -webkit-transform: translate(100%, -50%);
  background-color: #fff;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: -14px;
  top: 50%;
  transform: translate(100%, -50%);
  width: 60px;
}

.c-btn-cta.fv {
  font-size: 1em;
}

.c-btn-cta {
  background-color: #00B3E8;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 1.375em;
  font-weight: bold;
  padding: 0.5em 4em;
  white-space: nowrap;
  text-decoration:none;
}

.c-btn-cta:hover{
  color: #fff;
}

@media screen and (max-width: 767px) {
  .c-btn-cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125em;
    justify-content: center;
    margin: 0 auto;
    min-width: 310px;
    padding: 0.8em 1em;
    white-space: nowrap;
    width: 100%;
  }
}

/* 主に対応する素材、主な業種 =====================*/
.l-main-principal {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .l-main-principal {
    padding-top: 40px;
  }
}
.l-main-principal__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1256px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.p-card-principalList {
  padding-top: 60px;
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .p-card-principalList {
    gap: 25px;
  }
}
.p-card-principalList li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .p-card-principalList li {
    gap: 10px;
  }
}

/* 3つの料金体系 =====================*/
.c-heading-priceLead {
  font-size: 1.25em;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .c-heading-priceLead {
    line-height: 1.5;
  }
}
.c-heading-priceLead .pc-no {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-heading-priceLead .pc-no {
    display: block;
  }
}
.c-heading-priceLead strong {
  color: #00B3E8;
  font-size: 1.2em;
}

/****** ブロック ******/
.p-block-about {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 36px;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-block-about {
    gap: 0 5px;
  }
}
.p-block-about .c-text-about-pickup.--hosoku {
  margin-top: 1em;
}

.p-block-about-heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  margin-bottom: 20px;
}
.p-block-about-heading br {
  display: none;
}
@media screen and (max-width: 767px) {
  .p-block-about-heading br {
    display: block;
  }
}
.p-block-about-heading span {
  font-size: 1.125em;
}

.p-block-oneMinute {
  text-align: center;
}
.p-block-oneMinute .c-movie-iframe {
  margin-bottom: 60px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-block-oneMinute .c-movie-iframe {
    margin-bottom: 30px;
    margin-top: 15px;
  }
}

.p-block-plaport__wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-column-gap: 5%;
  -moz-column-gap: 5%;
  align-items: flex-start;
  column-gap: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .p-block-plaport__wrap {
    margin-top: 30px;
    row-gap: 30px;
  }
}
.p-block-plaport__wrap .p-block-plaport-info {
  -ms-flex-preferred-size: 32.5%;
  flex-basis: 32.5%;
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .p-block-plaport__wrap .p-block-plaport-info {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
  }
}
@media screen and (max-width: 767px) {
  .p-block-plaport__wrap .p-block-plaport-info {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}
.p-block-plaport__wrap .p-block-plaport-info .c-logo-plaport {
    background: #fff;
    display: inline-block;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}
.p-block-plaport__wrap .p-block-plaport-info .c-heading-plaportLead {
  margin-bottom: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-block-plaport__wrap .p-block-plaport-info .c-heading-plaportLead {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.p-block-plaport__wrap .p-block-plaport-info .c-img-plaport {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .p-block-plaport__wrap .p-block-plaport-info .c-img-plaport {
    margin-bottom: 10px;
  }
}
.p-block-plaport__wrap .p-block-caseStudyList {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.p-block-plaportList-item {
  border-bottom: 1px solid #DDD;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}
.p-block-plaportList-item dl {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
}

.p-block-caseStudyList {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media screen and (max-width: 767px) {
  .p-block-caseStudyList {
    row-gap: 20px;
  }
}
.p-block-caseStudyList .c-heading-caseStudyList {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .p-block-caseStudyList .c-heading-caseStudyList {
    margin-bottom: 10px;
  }
}

.p-block-feature-step {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}
@media screen and (max-width: 1020px) {
  .p-block-feature-step {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 40px;
  }
}

.p-block-feature-stepList {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-column-gap: 3%;
  -moz-column-gap: 3%;
  align-items: flex-start;
  column-gap: 3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  row-gap: 1em;
}
@media screen and (max-width: 1020px) {
  .p-block-feature-stepList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 560px;
    width: 100%;
  }
}
.p-block-feature-stepList .c-img-feature {
  margin-top: 30px;
}

.p-block-feature-stepList.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
@media screen and (max-width: 1020px) {
  .p-block-feature-stepList.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.p-block-feature-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 80px 0 0 50px;
  position: relative;
}
@media screen and (max-width: 1020px) {
  .p-block-feature-text {
    padding: 60px 0 0 35px;
    width: 100%;
  }
}
.p-block-feature-text::before {
  background-image: url(../img/icon/feature-1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 78px;
  left: 0;
  position: absolute;
  top: 0;
  width: 52px;
}
.p-block-feature-text .p-block-feature-heading {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .p-block-feature-text .p-block-feature-heading {
    margin-bottom: 10px;
  }
}
.p-block-feature-text .c-label-feature {
  margin-bottom: 10px;
}
.p-block-feature-text .p-block-featureList {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}

.p-block-feature-text.step2::before {
  background-image: url(../img/icon/feature-2.svg);
}

.p-block-feature-text.step3::before {
  background-image: url(../img/icon/feature-3.svg);
}

.p-block-iframeWrap.--promotion {
  height: 100%;
  padding-top: 0;
  width: 100%;
}


.page_function .p-card-featureList {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .page_function .p-card-featureList {
    gap: 25px;
  }
}
.page_function .p-card-featureList li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .page_function .p-card-featureList li {
    gap: 10px;
  }
}


.page_function ul.page_function ul.p-card-featureList {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .page_function ul.page_function ul.p-card-featureList {
    gap: 25px;
  }
}
.page_function ul.page_function ul.p-card-featureList li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .page_function ul.page_function ul.p-card-featureList li {
    gap: 10px;
  }
}
.p-card-featureList__textwrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .p-card-featureList__textwrap {
    gap: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .p-card-featureList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-card-featureList {
    grid-template-columns: 100%;
  }
}

/* 特長 =====================*/
.l-main-feature__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1256px;
  padding-bottom: 80px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 80px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .l-main-feature__inner {
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
.l-main-feature .p-block-feature-step {
  padding-bottom: 80px;
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  .l-main-feature .p-block-feature-step {
    padding-bottom: 40px;
    padding-top: 15px;
  }
}
.l-main-feature .p-card-feature {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .l-main-feature .p-card-feature {
    margin-bottom: 40px;
  }
}

/*内容*/

.bg_gray {
  color: #fff;
  background-color: #59564F;
}

.bg_lightgray {
  background-color: #eeeeed;
}

.l-main-issues {
  padding-top: 80px;
  margin-bottom: 4rem;
}

.l-main-issues__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1256px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}

.c-heading-common_h2 {
  font-size: 2.25em;
  font-weight: bold;
  line-height: 1.15;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-heading-common_h2 {
    font-size: 1.75em;
  }
}

.c-heading-common_h2 span {
  color: #00B3E8;
  display: block;
  font-size: 0.3888em;
  letter-spacing: 1.4px;
  margin-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .c-heading-common_h2 span {
    font-size: 0.6em;
  }
}

.c-heading-common_h2 span::before {
  -webkit-transform: translateX(-50%);
  background-color: #00B3E8;
  bottom: -10px;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 60px;
}

.l-main-oneMinute__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1256px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .l-main-promotionMovie__inner {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
.l-main-promotionMovie__inner .c-heading-promotion {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .l-main-promotionMovie__inner .c-heading-promotion {
    margin-bottom: 20px;
  }
}

.p-block-oneMinute {
  text-align: center;
}

.l-main-processing {
  padding-top: 80px;
  padding-bottom: 80px;
}


.p-card-promotionList {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .p-card-promotionList {
    gap: 40px;
  }
}

.p-card-promotionList li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
}

@media screen and (max-width: 767px) {
  .p-card-promotionList li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .p-card-promotionList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .p-card-promotionList {
    grid-template-columns: 100%;
  }
}

.c-heading-movieTitle {
  font-size: 1.25em;
  font-weight: bold;
}

.p-block-iframeWrap.--promotion {
  height: 100%;
  padding-top: 0;
  width: 100%;
}


.l-main-processing__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1256px;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}

.p-card-processingList {
  padding-top: 60px;
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(4, 1fr);
}

.p-card-processingList li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


.c-logo-about {
  height: auto;
  width: 160px;
}


/****** 動画 ******/
.c-movie-iframe {
  margin: 0 auto;
  max-width: 820px;
  width: 100%;
}
.c-movie-iframe__inner {
  height: 0;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}
.c-movie-iframe__inner iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.c-movie-feature-movie {
  max-width: 560px;
  padding-top: 30px;
  width: 100%;
}
.c-movie-feature-movie__inner {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}
.c-movie-feature-movie video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}


/*
2023年度改修分CSS
*/


.cs{
	text-align:center;
	padding:10em 0;
}

/*青文字*/
.text-blue{
	color: #00B3E8;
}


/*header*/
.l-header {
	z-index: 999;
}


.l-header .header-copy{
	display:block;
	max-width:29em;
	padding:0 1rem 0 2rem;
	font-size:0.7rem;
	line-height:1.2em;
}
.l-header.scroll .header-copy{
	color: #333;
}

.p-nav-header{
	margin-left: auto;
}


.c-text-headerNav-item.current:after {
  transform: scale(1, 1);
}




@media screen and (max-width: 1100px) {
	.l-header .header-copy{
		display:none;
	}
}

/*footer*/
.c-text__footer-nav.current {
  color: #00B3E8;
}
footer figure{
	padding: 0 0 2rem 0;
}
.isms{
	width:90px;
}

/* メインビジュアル*/
.l-main-fv__inner_left .p-block-fv-btn span.box{
	display:inline-block;
	border:solid 1px #f8f8f8;
	margin-left:1rem;
	padding:0 1em;
}

.l-main-fv__inner_left{
	max-width: 580px;
}

.l-main-fv__inner_right{
	position: relative;
}

.c-img-fv-heading{
	font-size:3.5rem;
	line-height:1.3em;
}
.c-img-fv-heading span{
	font-size:2rem;
	display:block;
	padding-top:0.2rem;
}

.c-img-fv-heading b{
	/*font-size:1.3em;*/
}

.c-text-fv-copy {
	font-size:1.3em;
	font-weight:bold;
}

@media screen and (min-width: 1100px) {
	.l-main-fv__inner{
		flex-direction: row;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
	}
	.l-main-fv__inner_left{
		padding-top:2rem;
	}
}


@media screen and (max-width: 1100px) {
	.p-block-fv-btn {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.l-main-fv {
		background-position: center 100%, -25% 60%;
	}
	.c-text-fv-copy {
	    text-align: center;
	}
	.l-main-fv .c-img-fv-pc {
		margin-left: 0;
	}

}

@media screen and (max-width: 767px) {
	.l-main-fv__inner_left p br{
		display:none;
	}
	.c-img-fv-heading{
		font-size:2.2rem;
	}
	.c-img-fv-heading span{
		font-size:1.2rem;
	}
	.l-main-fv__inner_left .p-block-fv-btn span.box{
		margin:0.8rem 0 1rem 0;
	}
}

/*メインコピー下*/
.l-main-fv__inner_left .name_list{
	display:flex;
	gap:1rem;
	flex-wrap: wrap;
	width:90%;
	padding-top:1rem;
}
.l-main-fv__inner_left .name_list li{
	width: 45%;
	flex-grow: 1;
}
.l-main-fv__inner_left .name_list img{
	width:100%;
}

@media screen and (max-width: 767px) {
	.l-main-fv__inner_left .name_list{
	margin:0 auto;
	}
}

/* ---- */

.l-mainpage .p-nav-breadcrumb{
	margin-top:0;
	padding-top:20px;
}


/*導入企業*/
.l-main-customer{
	text-align:center;
	padding:4rem 0;
	background-color:#fff;
}

.l-main-customer .swiper-wrapper{
   align-items: center;
   transition-timing-function: linear;
   user-select: none;
   padding:0 0 1.5rem 0;
}

.l-main-customer .swiper-slide{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.l-main-customer .swiper-slide a{
	display:block;
	/*background:#fff;
	border:solid 5px #fff;*/
}
	.l-main-customer .swiper-slide img{
		max-width:100%;
		max-height:40px;
		vertical-align:middle;
		display: block;
		margin:auto;
	}


.l-main-customer p{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	padding-bottom:1.5rem;
}


.l-main-about__inner{
	max-width: 1600px;
}


.p-block-about-heading>strong{
	font-size: 2.2em;
	line-height:1;
	display: block;
	margin-top: -0.5em;
}

.c-logo_chara-about{
	height: auto;
	width: 300px;
	margin-bottom:-0.5em;
}
.p-block-about-heading2{
	text-align:center;
	width:10em;
	font-size: 1.8em;
	letter-spacing:0.05em;
	margin:0 auto 1rem auto;
	padding:0.1em 0 0 0.5em;
	background:#00B3E8;
	border-radius: 4rem;
}

.p-block-about-copy{
	font-size:1.2em;
	font-weight:bold;
}
.p-block-about-copy span{
	color: #00B3E8;
}

.l-main-about__video{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	padding:2rem 0;
}
.l-main-about__video .video_wrapper{
	width:45%;
}

.c-logo_ai{
	height:55px;
	width:auto;
	margin-left:-3.5em;
	margin-bottom:1rem;
}


.l-main-about__video h3{
	font-size: 1.5em;
	padding-bottom:10px;
}
.l-main-about__video h3 strong{
	color: #00B3E8;
	font-size: 1.3em;
	display:inline-block;
	margin-right:0.1em;
}
.l-main-about__video video {
    width: 100%;
    height:72%;
	background-color: #000;
	border: solid 2px #000;
}


@media screen and (max-width: 767px) {
	.p-block-about-heading>strong{
		font-size: 1.6em;
	}

	.c-logo_ai{
		height:50px;
		width:auto;
		margin-left:0;
		margin-bottom:1rem;
	}

	.p-block-about-copy{
		text-align:left;
		padding-bottom:2rem;
	}
	.l-main-about__video{
		display: block;
	}
	.l-main-about__video .video_wrapper{
		width:auto;
	}
	.l-main-about__video .video_wrapper:first-of-type{
		padding-bottom:3rem;
	}
}


/*お知らせ*/
.l-main-news h2{
	font-size:1.6em;
	padding-right:0.5rem;
}

/*説明*/
#top_ex .other_list .logo{
	padding:2rem 0;
}
#top_ex .other_list div{
	text-align:center;
}
#top_ex .other_list div img{
	width:90%;
}

@media screen and (max-width: 767px) {
	#top_ex .other_list div.teikei img{
		width:100%;
	}
}



.l-main-other#top_ex h3{
	font-size:2em;
	text-align:center;
	padding-top: 0;
}
.l-main-other#top_ex h3 span{
	font-size:1.4em;
}
#top_ex .name_list{
	display:flex;
	gap:1rem;
}
#top_ex .name_list img{
	width:100%;
}

@media screen and (max-width: 767px) {
	#top_ex .name_list{
		flex-wrap: wrap;
	}
	#top_ex .name_list li{
		width: 45%;
		flex-grow: 1;
	}
}


/*全体の流れ*/
.top_allflow{
}


/*導入効果*/
.l-main-benefits .l-main-about__inner{
	max-width:1256px;
	text-align:left;
}

.l-main-benefits__list{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	padding:3rem 0;
}
.benefits_wrapper{
	width:45%;
}

.benefits_wrapper h3{
	font-size: 2.2em;
	padding:1.5rem 0 1rem 0;
	position:relative;
	overflow:hidden;
}

.benefits_wrapper h3:after{
	content:"01";
	color:#eeeeed;
	font-size:7rem;
	display:block;
	position:absolute;
	right:0;
	bottom:-0.47em;
}

.benefits_wrapper.benefits02 h3:after{
	content:"02";
}
.benefits_wrapper.benefits03 h3:after{
	content:"03";
}
.benefits_wrapper.benefits04 h3:after{
	content:"04";
}

.benefits_wrapper img{
	object-fit: cover;
	width: 100%;
	height: 250px;
}

.benefits_wrapper h4{
	font-size: 1.6em;
	padding:1rem 0;
	text-align: center;
}

.benefits__list{
	font-weight:bold;
	font-size:1.3em;
}

.benefits__list li{
	display:flex;
	align-items: center;
	background-color:#eeeeed;
	padding:1.5rem;
}

.benefits__list li:first-of-type{
	margin-bottom:2rem;
	position:relative;
}
.benefits__list li:first-of-type::after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:-22px;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 50px solid transparent;
	border-left: 50px solid transparent;
	border-top: 25px solid #eeeeed;
	border-bottom: 0;
}

.benefits__list li span{
	display:block;
	border:solid 1px #888;
	padding:0.2rem;
	width: 5em;
	text-align: center;
	margin-right:1rem;
}

.benefits__list li p.text-blue{
	font-size:1.3em;
}

.benefits__list li p.text-blue b{
	font-size:2em;
	line-height:0.5;
	vertical-align: text-top;
	margin-right:0.1rem;
}


.benefits_wrapper .center{
	text-align:center;
	padding-top:2rem;
}

.benefits_wrapper .center .c-btn-cta{
	line-height:2.5em;
}

.p-katei{
	max-width:40em;
	float:right;
}
.p-block-benefits-copy{
	padding-top:4rem;
	clear:both;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
}

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

	.l-main-benefits__list{
		flex-direction: column;
		padding:0;
	}
	.benefits__list li{
		display:block;
	}

	.benefits_wrapper{
		width:auto;
		padding-bottom:3rem;
	}

	.benefits_wrapper h3{
		font-size: 1.6em;
	}

	.benefits_wrapper h3:after{
		font-size: 5rem;
		bottom: -0.34em;
	}

	.benefits_wrapper h4{
		font-size: 1.3em;
	}
	
	.p-block-benefits-copy{
		font-size: 1.4em;
		text-align:left;
	}
	.p-katei {
	    float: none;
	}



}




/*主に対応する素材*/
.p-card-principalList{
	display:flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.p-card-principalList li {
	max-width:276px;
}


/*その他の特徴*/
.l-main-other{
}
.l-main-other__inner{
	max-width: 1256px;
	margin: 0 auto;
	padding: 4rem 16px;
	width: 100%;
}

.l-main-other h3{
	font-size: 1.6em;
	padding: 2rem 0;
}

.l-main-other p{
	padding-bottom:1rem;
}

#content .l-main-other ul{
	margin:0;
	padding:0;
	list-style:none;
}
#content .l-main-other ul li{
	margin:0;
	padding:0;
}

.l-main-other .other_list{
	display:flex;
	gap:1rem;
	justify-content: center;
}

#content .l-main-other ul.other_list_main{
	padding-bottom:2rem;
}
.l-main-other .other_list_main li{
	font-size:2.8rem;
	font-weight:bold;
}
.l-main-other .other_list figure img{
	width:100%;
}

.l-main-other .other_list_main li span.kome{
	font-size:1rem;
	font-weight:normal;
	padding-left:0.5rem;
}
.l-main-other .other_list_sub li{
}

@media screen and (min-width: 767px) {
	.l-main-other .other_list_main li{
		white-space:nowrap;
	}
	.l-main-other .other_list figure{
		max-width:55%;
	}
}

@media screen and (max-width: 767px) {
	.l-main-other .other_list_main li{
		font-size:2rem;
	}
	.l-main-other .other_list{
		 flex-direction: column;
	}
}

/*サポートする3つの機能*/
.l-main-about__func{
	max-width: 1000px;
	margin:0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	padding:0;
}
.l-main-about__func>li{
	width:28%;
}
.l-main-about__func>li h4{
    font-size: 1.4em;
	padding:10px 0 ;
}
.l-main-about__func>li img{
	max-width:250px;
}


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

	.l-main-func .p-block-about-heading span {
		font-size: 1em;
	}

	.l-main-about__func{
		padding:0;
		display:block;
	}
	.l-main-about__func>li {
		width: auto;
		padding-bottom:20px;
	}
}



/*利用者ごとの使い方*/
.l-main-usage{
	padding:80px 0 60px 0;
}
.l-main-usage__inner{
	max-width: 1256px;
	margin:0 auto;
	text-align:center;
}

.l-main-usage-list{
	padding:1rem 2% 2rem 2%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	/*background:url("../img/illust/usage_alluser.png") 98% 10% no-repeat;
	background-size:14% auto;*/
}
.l-main-usage-list>li{
	padding:0;
	width: 30%;
}


.l-main-usage-list figure{
	padding-bottom:3rem;
}
.l-main-usage-list .c-logo_ai{
	height:45px;
	margin-left:-1em;
	margin-bottom:0;
}


.l-main-usage-list li .l-main-usage-list_inner{
	margin-bottom:20px;
	padding:40px 20px 30px 20px;
	background:url("../img/mark.svg") 13em 90% no-repeat #00B3E8;
	background-size:15em auto;
	text-align:center;
}
.l-main-usage-list_inner h3{
	font-size:24px;
	font-weight: normal;
	margin-top:-4rem;
}
.l-main-usage-list_inner h3 span{
	font-size:0.7em;
	margin-left:0.2em;
}

.l-main-usage-list_inner img.usage-icon{
	display:block;
	max-width:100px;
	margin:0 auto;
	vertical-align:bottom;
}

.l-main-usage-list_inner ul{
	max-width:320px;
	padding:0.5em 0;
	margin:0 auto 1.5rem auto;
	display: flex;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
}

.l-main-usage-list_inner ul:after{
	position: absolute;
	content:url("../img/arrow_fluorescent.svg");
	display:block;
	width:0.8em;
	height:0.8em;
	left:0;
	right:0;
	bottom:-0.5em;
	margin:auto;
}

.l-main-usage-list_inner ul li{
	font-size:16px;
	color:#00B3E8;
	background-color:#fff;
	border-radius: 50px;
	line-height:48px;
	margin-bottom:0.5rem;
	font-weight:bold;
	position: relative;
	margin-left:2rem;
	margin-right:2rem;
}
.l-main-usage-list_inner ul li::before {
	content: url("../img/gear.svg");
	display:inline-block;
	width:1em;
	font-size:1.2em;
	margin-left:0.3em;
	vertical-align:middle;
	position: absolute;
	left:0.5em;
	top:0.1em;
	bottom:0;
	margin:auto;
}

.user02 .l-main-usage-list_inner ul li,
.user01 .l-main-usage-list_inner ul li{
	line-height:40px;
	margin-bottom:0.5rem;
}

.l-main-usage-list_inner ul li.main{
		font-size:1.3em;
		line-height:55px;
		margin-left:0;
		margin-right:0;
		background-color:#efff67;
}






.l-main-usage-list_inner h4{
	font-size:1.8em;
	line-height:1.4em;
	padding:0 1rem;
}
.l-main-usage-list_inner h4 span{
	display:block;
	font-size:1.3rem;
	line-height:1.4em;
	padding-bottom:0.3em;
}
.l-main-usage-list_inner h4 span img{
	width:5.5em;
	margin-right:0.2em;
}

.user01 .l-main-usage-list_inner h4{
	font-size:2em;
	line-height:1.3em;
}



.l-main-usage-list_inner span.hosoku{
	color:#111;
	display:block;
	font-size:0.8rem;
	padding:0.5rem 0 0 0;
}




.p-block-usage-heading{
    font-size: 1.5em;
    padding-bottom:2rem;
}
.p-block-usage-heading img{
	margin-top:-0.5rem;
	margin-right:0.5rem;
	vertical-align:middle;
}

.l-main-usage-list .c-btn-cta{
	line-height:1.4em;
	font-size: 1.2rem;
	margin:1rem auto 0 auto;
	padding: 0.5em 0;
	display:block;
	max-width: 250px;
}

@media screen and (min-width: 1100px) {
	.l-main-usage-list li .l-main-usage-list_inner{
		min-height:500px;
	}
}

@media screen and (max-width: 1100px) {
	.l-main-usage-list{
    -webkit-flex-direction: column;
    flex-direction: column;
	}
	.l-main-usage-list>li{
		width: auto;
		padding-top:4rem;
	}
	.l-main-usage-list>li:first-of-type{
		padding-top:0;
	}
}


/*1分でわかるSellBOT*/
.l-main-promotionMovie__inner{
	padding-top:0;
}

.l-main-promotionMovie__top h3{
	font-size: 2.5em;
}
.l-main-promotionMovie__top h3 img{
	vertical-align:middle;
	margin-top:-0.5rem;
	margin-right:0.1em;
}
.l-main-promotionMovie__top h3 span{
	position: relative;
	display:inline-block;
	margin:0 1em;
}
.l-main-promotionMovie__top h3 span::before,
.l-main-promotionMovie__top h3 span::after {
    -webkit-transform: translate(-120%, 100%);
    background-image: url(../img/quotation_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-120%, 100%);
    width: 25px;
}
.l-main-promotionMovie__top h3 span::after{
    -webkit-transform: translate(120%, 100%) rotate(180deg);
    left: auto;
    right: 0;
    transform: translate(120%, 100%) rotate(180deg);
}
.l-main-promotionMovie__top p{
	padding:10px 0 0 0;
}



@media screen and (max-width: 767px) {
	.l-main-promotionMovie__top h3{
		font-size: 2em;
	}
	.l-main-promotionMovie__top h3 img.c-logo-oneMinute{
		height: 30px;
	}
	.l-main-promotionMovie__top p{
		text-align:left;
	}


}



h2.c-heading-oneMinute{
    font-size: 2.5em;
    font-weight: bold;
}
.c-heading-oneMinute p {
    font-size: inherit;
}
.c-heading-oneMinute img{
	vertical-align:middle;
	margin:-1rem 0.5rem 0 0;
}

.l-main-promotionMovie {
	background:none;
}


.l-main-event__inner{
	max-width: 1256px;
	margin:0 auto;
	padding-top:60px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.l-main-event__inner h3 {
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	padding-bottom:0.5rem;
}
.l-main-event__inner span.event-date{
	text-align: center;
	display:block;
	margin-bottom:2rem;
}


/*241220__2カラムに改修*/
#content ul.movie_column2.p-card-promotionList{
	margin:0;
	padding:0;
	list-style:none;
}

.movie_column2.p-card-promotionList li {
	flex-direction: column;
}

#content .l-main-movie .movie_column2 p{
	margin:0;
}
.l-main-movie .movie_column2 p{
	padding: 0 0 20px 0;
}

.movie_column2 .c-heading-movieTitle {
	font-size: 1.6em;
	line-height:1.4;
}

.movie_column2 .p-block-iframeWrap{
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

#content .movie_column2 .p-block-iframeWrap iframe{
	margin:0;
}
.movie_column2 .p-block-iframeWrap iframe{
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 767px) {
	.movie_column2.p-card-promotionList{
		gap: 60px;
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 767px) {
	.movie_column2 .c-heading-movieTitle {
		font-size: 1.2em;
	}
}



/*導入事例スライダー*/
.morecase__wrap{
	position: relative;
	overflow:hidden;
	padding-bottom:100px;
}
.morecase__wrap .swiper-slide{
	height: auto;
}
.morecase{
	height: 100%;
	border:solid 1px #000;
	padding:2%;
}

.morecase h3{
	text-align:center;
	font-size:2.3rem;
	margin-bottom: 1rem;
}

.morecase_left{
	text-align: center;
}
.morecase_left .hosoku{
	font-size:0.8em;
	text-align:center;
}

.morecase_left .sub_snap{
	display: flex;
	justify-content: space-between;
	padding:0.4rem 0;
}
.morecase_left .sub_snap li{
	width:49%;
}
.morecase_left .sub_snap.sub3 li{
	width:32%;
}

.morecase_left .sub_snap.sub3.width-auto{
	gap:0.5em;
}
.morecase_left .sub_snap.sub3.width-auto li{
	width:auto;
}
.morecase_left .sub_snap.sub3.width-auto li img{
	height: 100px;
	object-fit: cover;
}


.morecase_left table{

}
.morecase_left table th,
.morecase_left table td{
	font-size:1.1em;
	line-height:1.4em;
	border:none;
	text-align:left;
	padding:0;
	font-weight:bold;
	vertical-align:top;
}
.morecase_left table th{
	position:relative;
	padding-right:2em;
}
.morecase_left table th:after{
	content:"：";
	display:block;
	padding:0 0.5em;
	position:absolute;
	right:0;
	top:0;
}

.morecase_right{
}

.morecase_right h4{
	font-size:2rem;
	padding:0;
	line-height: 1.4em;
	text-align:center;
}
.morecase_right h5{
	font-size:1rem;
	font-weight:bold;
	padding:1rem 0 0 0;
}
.morecase_right p{
	font-size:0.9rem;
}

.morecase_right .text-blue{
	font-weight:bold;
}

.morecase_right p.topcomment{
	padding-top:1rem;
}

.morecase__wrap .swiper-pagination{
	position:static;
	padding-top:1rem;
}
.morecase__wrap .swiper-pagination-bullet{
	width: 10px;
	height: 10px;
	margin:5px;
}
.morecase__wrap .swiper-pagination-bullet-active {
	background: #00B3E8;
}
.morecase__wrap .swiper-button-next,
.morecase__wrap .swiper-button-prev {
	background-image:url("../img/arrow.svg");
}
.morecase__wrap .swiper-button-prev{
	left:4%;
}
.morecase__wrap .swiper-button-next{
	right:4%;
	transform: scale(-1, 1);
}


@media screen and (min-width: 1400px) {
	.morecase_left .sub_snap.sub3.width-auto li img{
		height: 150px;
	}
}

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

	.morecase_flex{
		display:flex;
		justify-content: space-between;
	}
	.morecase_left{
		width:30%;
	}
	.morecase_right{
		width:67%;
	}
	
	.morecase_right .effect-list{
		width:70%;
		padding-top:1rem;
		gap:0.5rem;
		margin:0 auto;
	}
		

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

.morecase{
	padding:4%;
}

	.morecase h3{
		font-size:1.3rem;
		margin-bottom: 0.5rem;
	}
	.morecase_left .sub_snap.sub3.width-auto li img{
		height: 25vw;
	}



	.morecase_left table th,
	.morecase_left table td{
		font-size:80%;
	}


	.morecase_right{
		padding-top:1rem;
	}
	.morecase_right h4{
		font-size:1.2rem;
	}
	.morecase_right h4 br{
		display:none;
	}
	.morecase_right h5{
		font-size:0.9rem;
	}
	.morecase_right p{
		font-size:0.8rem;
		line-height:1.5em;
	}
	.morecase_right .effect-list{
		flex-direction: initial;
		padding-top:1rem;
		gap:0.5rem;
		margin:0 auto;
	}
		

}


/*会社紹介*/
.l-main-company__inner{
	max-width: 1000px;
	margin: 0 auto;
	padding: 4rem 16px;
	width: 100%;
}
.l-main-company h3{
	font-size: 1.6em;
	padding: 2rem 0;
}

.l-main-company p{
	padding-bottom:1rem;
}
.l-main-company .more{
	text-align:center;
	padding:2rem 0 6rem 0;
}

/* =============
AI見積り
============= */
.l-lowerpage.l-mainpage{
	background: none;
}

.l-lowerpage-header.mainpage-header{
	height:auto;
	position: relative;
	z-index:1;
	overflow:hidden;
	
}

.mainpage-header.ai-price-header{
	background:url(../img/bg_ai-price.jpg) top center no-repeat;
	background-size:cover;
}
.mainpage-header.ai-search-header{
	background:url(../img/bg_ai-search.jpg) top center no-repeat;
	background-size:cover;
}
.mainpage-header.ai-text-header{
	background:url(../img/bg_ai-text.jpg) top center no-repeat;
	background-size:cover;
}

	.mainpage-header:after{
		position: absolute;
		content:"";
		width:700px;
		height:448px;
		right:6%;
		bottom:0;
		margin:auto;
		z-index:-1;
		background:url(../img/header_ai-price.png) center bottom no-repeat;
		background-size:contain;
	}
	.mainpage-header.ai-search-header:after{
		background-image:url(../img/header_ai-search.png);
	}
	.mainpage-header.ai-text-header:after{
		background-image:url(../img/header_ai-text.png);
	}

@media screen and (max-width: 1600px) {
	.mainpage-header:after{
		max-width:700px;
		width:45%;
		right:2%;
	}
}
	
@media screen and (max-width: 1100px) {
	.mainpage-header:after{
		width:90%;
		right:0;
		left:0;
	}
	
}

.l-mainpage-header__inner{
	max-width: 1256px;
	height: 380px;
	margin:0 auto;
	padding:20px 16px 60px 16px;
}

.l-mainpage-header__inner h3{
	font-size: 2.8rem;
	line-height:1.4em;
	font-weight: bold;
	padding-bottom:1rem;
}

.mainpage-header__copy{
	font-size: 1.3rem;
	letter-spacing: 0.05em;
}

.mainpage-header__cta{
	padding-top:30px;
}

.mainpage-header__cta p{
	font-size:1.1rem;
	margin:0;
	padding:0 0 10px 0;
	width:320px;
	text-align:center;
}

@media screen and (max-width: 1100px) {
	.l-mainpage-header__inner {
		height:auto;
		padding-bottom:450px;
	}
	.management-header .l-mainpage-header__inner {
		padding-bottom:350px;
	}
}
@media screen and (max-width: 767px) {
	.l-mainpage-header__inner {
		padding-bottom:280px;
	}
	.management-header .l-mainpage-header__inner {
		padding-bottom:250px;
	}
	.mainpage-header:after{
		max-width:400px;
	}
	.l-mainpage-header__inner h3 {
	    font-size: 2.2rem;
	}
		.design-header .l-mainpage-header__inner h3,
		.business-header .l-mainpage-header__inner h3{
			font-size: 2rem;
		}
		.design-header .l-mainpage-header__inner h3 span,
		.business-header .l-mainpage-header__inner h3 span{
			font-size: 2.5rem;
		}
	.mainpage-header__copy {
	    font-size: 1.2rem;
	    padding-top: 1em;
	}
	.mainpage-header__cta p {
	    width:auto;
	}
}

/*こんな課題ありませんか*/
.checklist-issues{
	max-width:1000px;
	margin:0 auto;
	padding:2rem 0;
}
.checklist-issues li{
	font-size:1.4em;
	padding:1rem 2rem;
	margin-bottom:1rem;
	background-color:#333;
}
.checklist-issues li:before{
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
	/*font-weight: 900;*/
	margin-right: 1rem;
	color: #00B3E8;
}


/*導入効果*/
.l-benefits__inner{
	max-width:1256px;
	margin:0 auto;
	padding:2rem 16px 6rem 16px;
	zoom:1;
}
.l-benefits__innerx:after{content : ''; display : block; clear : both;}

.l-benefits__inner .c-heading-common_h2{
	line-height: 1.4em;
}


.l-benefits__inner .benefits__list {
    max-width: 600px;
    margin: 0 auto;
    padding: 3rem 0;
}


@media screen and (min-width: 767px) {
	.l-benefits__inner.benefits_flex{
		display: flex;
		gap: 2rem;
		align-items: center;
	}
	.l-benefits__inner.benefits_flex figure{
		max-width:45%;
		 flex-grow: 1;
	}
}

@media screen and (max-width: 767px) {
	.l-benefits__inner.benefits_flex figure{
		padding-bottom:2rem;
	}
}


/*動画*/
.l-main-movie{
	padding:80px 2% 100px 2%;
}
.l-main-movie__inner{
	max-width: 1256px;
	margin:0 auto;
	text-align:center;
}

.l-main-movie h3{
	font-size: 2.5em;
	line-height: 1.8;
}
.l-main-movie h3 img{
	vertical-align:middle;
	margin-top:-0.5rem;
	margin-right:0.1em;
	opacity:0.9;
}
.l-main-movie h3 span{
	position: relative;
	display:inline-block;
	margin:0 1em;
}
.l-main-movie h3 span::before,
.l-main-movie h3 span::after {
    -webkit-transform: translate(-120%, 100%);
    background-image: url(../img/quotation_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-120%, 100%);
    width: 25px;
}
.l-main-movie h3 span::after{
    -webkit-transform: translate(120%, 100%) rotate(180deg);
    left: auto;
    right: 0;
    transform: translate(120%, 100%) rotate(180deg);
}

/*青*/
.l-main-movie h3 span.text-blue::before,
.l-main-movie h3 span.text-blue::after {
    background-image: url(../img/quotation_blue.svg);
}

.l-main-movie figure{
	padding:2rem 0 0 0;
}
.l-main-movie figure .c-logo_ai{
	margin-bottom:0;
}

.l-main-movie p{
	padding:10px 0 40px 0;
}
.l-main-movie video{
	width: 100%;
}

@media screen and (max-width: 767px) {
	.l-main-movie h3{
		font-size: 2em;
	}
	.l-main-movie h3 img.c-logo-oneMinute{
		height: 30px;
	}
/*	.l-main-movie p{
		text-align:left;
	}*/


}

/*主に対応する加工*/
.l-main-processing {
	padding-bottom:60px;
}
.page_function .p-card-processingList {
	width: 75%;
	margin: 0 auto;
	grid-template-columns: repeat(2, 1fr);
}


/*主に対応する素材*/
.page_function  .p-card-processingList,
.page_function  .p-card-principalList{
	padding-top: 40px;
}

.p-card-processingList li,
.p-card-principalList li{
	gap: 10px;
}

.c-heading-processing-List,
.c-heading-principal-List{
	font-size:1.3em;
}



.l-main-step{
    /*background-color: #F5F8FD;*/
    padding: 80px 2%;
    overflow: hidden;
}
.l-main-step__inner{
	max-width: 1256px;
	margin:0 auto;

}

.l-main-step__inner .c-heading-priceLead {
	text-align:center;
    padding: 4rem 0 2rem 0;
    font-size: 2em;
    line-height: 1.5em;
}
.l-main-step__inner .c-heading-priceLead span{
    color: #00B3E8;
}

.l-main-step .c-heading-feature-3step {
    line-height:1.6em;
    padding:0.5rem 0 1rem 0;
}
.l-main-step .p-block-feature-text .p-block-feature-heading p{
	font-size: 1.1em;
}
.l-main-step .p-block-feature-text .p-block-feature-heading p strong{
	color: #00B3E8;
}

.l-main-step li img{
	box-shadow: 3px 3px 30px #00000014;
}

.l-main-step li p.hosoku{
	padding-top:1rem;
	text-align:center;
}

.feature-step-movie video{
	width:100%;
	max-width:560px;
	box-shadow: 3px 3px 30px #00000014;
}



.p-block-feature-text{
	padding: 80px 0 0 100px;
}

.p-block-feature-text::before {
	display:none;
}
h3.heading-character{
    font-size: 2.4em;
    line-height:1.4em;
    padding: 10px 0 30px 100px;
    margin-left:-100px;
    background: url(../img/character_Rw.svg) 0 0 no-repeat;
    background-size: 80px;
    background-position: 8px 0;
}
h3.heading-character span{
	color: #00B3E8;
}
h4.heading-character-sub{
    display: inline-block;
    font-size: 1.5em;
    line-height:1.6em;
    padding: 0 0 20px 0;
}
h4.heading-character-sub span{
	color: #00B3E8;
}

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

	.p-block-feature-stepList.wide{
		-webkit-flex-direction: column;
		flex-direction: column;
		position: relative;
		max-width:1100px;
		margin:0 auto;
	}
	.p-block-feature-stepList.wide .c-movie-feature-movie{
		max-width:none;
		padding:0 ;
	}
}

@media screen and (min-width: 1020px) {
	.feature-step-movie{
		padding-top:3rem;
	}
	.p-block-feature-step {
	    row-gap: 40px;
	}
}

@media screen and (max-width: 1020px) {
	.p-block-feature-step {
	    row-gap: 20px;
	}
	.c-movie-feature-movie {
	    padding-top: 0;
	}
}



@media screen and (min-width: 768px) {
	figure.pc-no,
	br.pc-no,
	.--home br.pc-no,
	.l-mainpage br.pc-no{
		display:none;
	}
	.c-heading-step_p{
		text-align:center;
	}
}

@media screen and (max-width: 767px) {
	figure.sp-no,
	br.sp-no,
	.l-mainpage br.sp-no{
		display:none;
	}
	.l-main-step__inner .c-heading-priceLead {
		font-size: 1.8em;
		padding: 3rem 0 2rem 0;
	}
	/*.step0__inner{
	    display: block;
	    width: 100vw;
	    padding: 4rem 1rem;
	}
	.step0__inner>div{
		padding-bottom:2rem;
	}*/
	.p-block-feature-text {
	    padding: 30px 0 0 0;
	}
	h3.heading-character{
	    font-size: 1.6em;
	    margin:0 auto;
	    padding: 60px 0 10px 0;
	    background-size: 50px;
	    background-position: center 0px;
	    text-align:center;
	}
	h4.heading-character-sub{
	    font-size: 1.3em;
	     padding: 10px 0;
	}
	.l-main-step .p-block-feature-text .p-block-feature-heading p {
	    font-size: 1em;
	}
}




/*クラウドで連携*/
.c-cloud__inner{
	max-width: 1256px;
	margin:0 auto;
	padding:0 0 80px 0;
	text-align:center;
}

.c-cloud__inner h3{
    font-size: 1.85em;
    line-height: 1.5em;
    padding-bottom:2rem;
}

.c-cloud__inner h3 strong{
    color: #00B3E8;
}


@media screen and (max-width: 767px) {
	.c-cloud__inner h3{
		font-size: 1.6em;
	}
}

/*導入効果*/
.l-main-benefits__inner{
	text-align:center;
}


.benefits_list{
   color: #00B3E8;
}

.benefits_list>div{
	max-width: 1000px;
	margin:0 auto;
	padding:4rem 0 6rem 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.benefits_list h3{
	font-size: 2em;
	line-height:1.4em;
	letter-spacing:0.1em;
}


/*特長*/
.page_function ul.p-card-featureList{
	padding-top:3rem;
}
.page_function ul.p-card-featureList>li {
	justify-content: flex-end;
	padding-bottom:1rem;
}

.p-card-featureList li img{
	box-shadow: 3px 3px 20px #00000010;
}

.p-card-featureList li h3{
	text-align:center;
	font-size: 1.6em;
	color: #00B3E8;
}

.p-card-featureList li h4{
	font-size:1.1em;
	text-align:center;
}

.p-card-featureList li ul.point{
}

.page_function ul.p-card-featureList li ul.point>li{
	position: relative;
	padding:0 0 1em 1.4em;
	display:block;
}

.p-card-featureList li ul.point li:before{
	content:"●";
	color: #00B3E8;
	position: absolute;
	left:0;
	top:0;
}


/*図*/
.l-main-illust{
	padding: 0 2%;
}
.l-main-illust h3{
	line-height: 1.4em;
	padding:6rem 0 4rem 0;
}
.l-main-illust h4{
	font-size: 1.6em;
	color:#fff;
	background-color:#ea5514;
	padding:0.8rem;
	margin:0 auto 2rem auto;
	width:12em;
	letter-spacing:0.05em;
	border-radius: 5px;
}
.l-main-illust h5{
	font-size:1.85em;
	font-weight:bold;
}
.l-main-illust figure{
	padding:2rem 0 8rem 0 ;
}

.l-main-illust .features{
	display:flex;
	justify-content: center;
	gap:1rem;
}
.l-main-illust .features li{
	border:solid 1px #ccc;
	width:10em;
	padding:0.2rem;
}


/*top安心のサポート*/
.l-main-illust#top_support figure{
	border-top: solid 2px #0D0C0A;
	border-bottom: solid 2px #0D0C0A;
	padding: 2.5rem;
	margin: 4rem 0;
}


/* =============
設計・調達部門
============= */
.l-lowerpage-header__inner{
	padding-bottom:2rem;
	white-space:nowrap;
}
.l-lowerpage-header__inner .icon{
	background:#fff;
	margin:3.3rem 0 0 4rem;
	padding:0.5rem 1rem;
	border-radius: 5px;
	flex-grow: 1;
	line-height: 0;
}
.l-lowerpage-header__inner .icon img{
	max-height:38px;
}

@media screen and (max-width: 500px) {
	.l-lowerpage-header__inner{
		padding-bottom:0;
	}
	.l-lowerpage-header__inner .icon{
		background:#fff;
		margin:2.2rem 0 0 0;
		padding:0.3rem 0.5rem;
	}
	.l-lowerpage-header__inner .icon img{
		height:24px;
	}
}

.design-main .c-heading-issues {
	height: 6em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}


/* =============
経営部門
============= */
.management-main .p-block-heading-h2 figure{
	text-align:center;
	padding:4rem 0 2rem 0;
}
.management-main .p-block-heading-h2 figure .c-logo_ai{
	margin:0;
}

.management-main .l-main-step__inner .c-heading-priceLead {
    padding: 0 0 2rem 0;
}

.management-main .l-main-step .c-heading-feature-3step {
	font-size: 1.3em;
}
.management-main .c-cloud__inner{
	padding:120px 0 20px 0;
}

@media screen and (max-width: 767px) {
	.management-main .c-cloud__inner p{
		text-align:left;
	}
}


/*ご利用の流れ*/
.c-heading-flowList {
  color: #fff;
  background-image: url(../img/hexagon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 70px;
  position: relative;
  text-align: center;
  width: 60px;
  z-index: 2;
}

.c-heading-flowNomber {
  -webkit-transform: translate(-50%, -50%);
  left: 50%;
  line-height: 1.15;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}


.c-heading-flowItem {
  color: #00B3E8;
  font-size: 1.375em;
  font-weight: bold;
}

.c-text {
  font-size: 1em;
}

.p-card-oneMinute-cost {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5%;
  justify-content: space-between;
  padding: 40px 60px;
}


.p-card-flowList {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  row-gap: 30px;
}
@media screen and (max-width: 767px) {
  .p-card-flowList {
    margin-top: 30px;
    row-gap: 15px;
  }
}
.p-card-flowList li {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  align-items: center;
  column-gap: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-card-flowList li {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}
.p-card-flowList__textwrap {
  -ms-flex-preferred-size: 75%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  background-color: #eeeeed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-basis: 75%;
  flex-direction: column;
  gap: 1em;
  padding: 30px 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .p-card-flowList__textwrap {
    gap: 0.5em;
    padding: 15px;
  }
}
.p-card-flowList__textwrap::before {
  border-right: 3px solid #dae5f7;
  content: "";
  display: block;
  height: 80%;
  left: -71.5px;
  position: absolute;
  top: 50%;
  width: 0;
}
@media screen and (max-width: 767px) {
  .p-card-flowList__textwrap::before {
    left: -51.5px;
  }
}
.p-card-flowList__textwrap.step2::before {
  height: 100%;
  top: 0;
}
.p-card-flowList__textwrap.step3::before {
  -webkit-transform: translateY(-100%);
  bottom: 50%;
  height: 120%;
  transform: translateY(-100%);
}