/*! --------------------------------------------------------------
　　このCSSファイルは .scssファイルからコンパイルされたものです。
　　修正する際はscssファイルを編集するように注意してください。
--------------------------------------------------------------- */
.main_page {
  height: 35vh;
  background: url(images/service/bg_main.jpg) center center/cover no-repeat;
  padding-top: 48px
}

@media(min-width: 768px)and (max-width: 1199px) {
  .main_page {
    padding-top: 40px
  }
}

@media(max-width: 767px) {
  .main_page {
    height: 25vh;
    padding-top: 8vw
  }
}

.main_page .inner {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: unset
}

.main_page .pagettl {
  font-size: 2.25rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  text-align: center
}

@media(max-width: 767px) {
  .main_page .pagettl {
    font-size: 1.375rem
  }
}

.main_page .pagettl span {
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase
}

.breadcrumbs {
  height: 3rem;
  margin-bottom: -3rem;
  z-index: 1;
  position: relative;
}

.breadcrumbs .inner {
  height: 100%
}

.breadcrumbs ul {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center
}

.breadcrumbs ul li {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-right: .8em
}

@media(max-width: 767px) {
  .breadcrumbs ul li {
    font-size: 0.75rem
  }
}

body.page main {
  /*position: relative*/
  contain: layout style;
  /*overflow-y: hidden;*/
  overflow: hidden;
}

body.page main::before {
  content: "";
  width: 40vw;
  height: 40vw;
  background-color: #f5f5f5;
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  position: absolute;
  top: 0rem;
  left: 0;
  z-index: -1
}

body.page main>.bgtxtwrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0
}

.plink_cmn {
  max-width: 744px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: .8rem 1.2rem;
  margin-inline: auto
}

@media(max-width: 767px) {
	body.page main {
	  position: relative
	}
}

@media(max-width: 767px) {
  .plink_cmn {
    grid-template-columns: repeat(1, 1fr)
  }
}

@media(max-width: 767px) {
  .plink_cmn .btn_cmn {
    margin-inline: auto
  }
}

.triple_cmn {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 2rem 2.7777777778%
}

.triple_cmn .col figure {
  margin-bottom: .6rem
}

.triple_cmn .col figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.dl_cmn div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 1.5rem 0;
  border-bottom: 1px solid #cecece
}

@media(max-width: 767px) {
  .dl_cmn div {
    padding: .8rem 0
  }
}

.dl_cmn div dt,
.dl_cmn div dd {
  font-size: 1rem;
  color: #2b2d52;
  font-weight: 400;
  line-height: 1.5
}

@media(max-width: 767px) {

  .dl_cmn div dt,
  .dl_cmn div dd {
    font-size: 0.85rem
  }
}

.dl_cmn div dt {
  width: 30%
}

.dl_cmn div dd {
  width: 70%
}

.service_first .plink_cmn {
  margin-bottom: 3.5rem
}

@media(max-width: 767px) {
  .service_first .plink_cmn {
    margin-bottom: 2rem
  }
}

.service_content.bg_ash {
  background-color: #fafafa
}

.service_content .over_cmn {
  margin-bottom: 4.5rem
}

@media(max-width: 767px) {
  .service_content .over_cmn {
    /*margin-bottom: 2.5rem*/
	margin-bottom: 30px;
  }
}

/* .service_content .triple_cmn:not(:last-child) {
  margin-bottom: 4.5rem
} */

/* @media(max-width: 767px) {
  .service_content .triple_cmn:not(:last-child) {
    margin-bottom: 2.5rem
  }
} */

.service_content .under {
  border-top: 1px solid #c7c7c7;
  padding-top: 2rem
}

.service_content .under .ttl01 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: .6em
}

@media(max-width: 767px) {
  .service_content .under .ttl01 {
    font-size: 1.5rem
  }
}

.service_content .under .ttl01 span {
  font-size: 1.25rem;
  line-height: 1.5;
  margin-left: 1.2em
}

@media(max-width: 767px) {
  .service_content .under .ttl01 span {
    font-size: 1rem;
    margin-left: .8em
  }
}

.service_content .under ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem 1.8518518519%
}

.service_content .under ul li figure {
  margin-bottom: .6rem
}

.service_content .under ul li figure img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.company_linking {
  background: #fafafa;
  position: relative
}

.company_linking::before {
  content: "";
  width: 100%;
  height: 70%;
  background: url(images/company/bg_company01.jpg) center center/cover no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0
}

.company_linking .ttl01 {
  background-color: #1d2024;
  padding: 1em 2%;
  font-size: 1.5rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  text-align: center
}

@media(max-width: 767px) {
  .company_linking .ttl01 {
    padding: .8em 4%;
    font-size: 1.125rem
  }
}

.company_linking .box {
  background-color: #fff;
  padding: 4.5rem 6% 6rem
}

@media(max-width: 767px) {
  .company_linking .box {
    padding: 2rem 4% 3rem
  }
}

.company_linking .box:not(:last-child) {
  margin-bottom: 4.5rem
}

@media(max-width: 767px) {
  .company_linking .box:not(:last-child) {
    margin-bottom: 2.5rem
  }
}

.company_linking .box .dl_cmn {
  max-width: 820px;
  margin-inline: auto
}

.company_access p.txt01 {
  margin-bottom: 3rem
}

@media(max-width: 767px) {
  .company_access p.txt01 {
    margin-bottom: 2rem
  }
}

.company_access .map {
  position: relative;
  margin: 0 calc(50% - 50vw);
  padding-top: 400px;
  overflow: hidden
}

@media(max-width: 767px) {
  .company_access .map {
    padding-top: 100%
  }
}

.company_access .map iframe {
  position: absolute;
  top: -200px;
  left: 0;
  width: 100%;
  height: calc(100% + 200px + 200px);
  pointer-events: none
}

@media(max-width: 767px) {
  .company_access .map iframe {
    top: -30vw;
    height: calc(100% + 30vw + 30vw)
  }
}

.concept_first p.txt01 {
  max-width: 744px;
  margin-inline: auto;
  margin-bottom: 5rem
}

@media(max-width: 767px) {
  .concept_first p.txt01 {
    margin-bottom: 2.5rem
  }
}

.concept_catch .img01 {
  margin-inline: calc(50% - 50vw);
  margin-bottom: 4.5rem
}

@media(max-width: 767px) {
  .concept_catch .img01 {
    margin-bottom: 2rem
  }
}

.concept_catch .img01 img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.concept_catch .wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 6rem
}

@media(max-width: 767px) {
  .concept_catch .wrap {
    margin-bottom: 2.5rem
  }
}

.concept_catch .wrap h3.ttl_cmn2 {
  width: 46%
}

@media(max-width: 767px) {
  .concept_catch .wrap h3.ttl_cmn2 {
    width: 100%;
    margin-bottom: 1rem
  }
}

.concept_catch .wrap p.txt02 {
  width: 46%
}

@media(max-width: 767px) {
  .concept_catch .wrap p.txt02 {
    width: 100%
  }
}

.concept_catch .over_cmn:not(:last-child) {
  margin-bottom: 6rem
}

@media(max-width: 767px) {
  .concept_catch .over_cmn:not(:last-child) {
    margin-bottom: 3rem
  }
}

.tbl_contact {
  width: 100%;
  max-width: 840px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 1.5rem;
  margin: 0 auto 2rem
}

@media(max-width: 767px) {
  .tbl_contact {
    margin-bottom: 0rem
  }
}

.tbl_contact .col_th {
  width: 30%
}

@media(max-width: 767px) {
  .tbl_contact .col_th {
    display: none
  }
}

.tbl_contact .col_td {
  width: 70%
}

@media(max-width: 767px) {
  .tbl_contact .col_td {
    display: none
  }
}

.tbl_contact th,
.tbl_contact td {
  font-size: 1rem;
  font-weight: 700
}

@media(max-width: 767px) {

  .tbl_contact th,
  .tbl_contact td {
    display: block;
    width: 100%;
    font-size: 0.75rem;
    line-height: 1.5rem
  }
}

.tbl_contact th {
  text-align: left;
  vertical-align: top;
  position: relative
}

@media(max-width: 767px) {
  .tbl_contact th {
    margin-bottom: .5rem;
    padding: .8rem 0 .2rem 0px
  }
}

.tbl_contact td {
  line-height: 1.8
}

@media(max-width: 767px) {
  .tbl_contact td {
    padding: 0 0 .8rem
  }
}

.tbl_contact th {
  position: relative
}

.tbl_contact th::after {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.6rem;
  padding: .1em .6em;
  margin-left: 1em;
  position: relative;
  top: .2em
}

@media(max-width: 767px) {
  .tbl_contact th::after {
    line-height: 1.5rem
  }
}

.tbl_contact th.required::after {
  content: "必須";
  background-color: #b54a4a;
  color: #fff
}

.tbl_contact th.any::after {
  content: "任意";
  background-color: #606060;
  color: #fff
}

.tbl_contact td input[type=text],
.tbl_contact td input[type=tel],
.tbl_contact td input[type=email] {
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  padding: 3px 5px
}

.tbl_contact td input[type=text],
.tbl_contact td input[type=email] {
  width: 100%
}

.tbl_contact td input[type=tel] {
  width: 70%
}

.tbl_contact td textarea {
  width: 100%;
  height: 210px;
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  padding: 5px
}

.tbl_contact td span.wpcf7-list-item {
  margin: 0 2em 0 0
}

@media(max-width: 767px) {
  .wpcf7-radio .wpcf7-list-item {
    display: block
  }
}

.wpcf7-form-control-wrap {
  display: block
}

.wpcf7-form-control-wrap:not(:last-child) {
  margin-bottom: 1rem
}

.th_textarea {
  vertical-align: top
}

.btn_submit {
  display: table;
  margin: 0 auto;
  position: relative;
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.3
}

@media(max-width: 767px) {
  .btn_submit {
    font-size: 0.875rem
  }
}

.btn_submit input[type=submit] {
  width: 380px;
  height: 60px;
  background-color: #505050;
  border-radius: 100vmax;
  text-align: center
}

@media(max-width: 767px) {
  .btn_submit input[type=submit] {
    width: 74vw;
    height: 3.5rem
  }
}

.btn_submit input[type=submit][disabled] {
  opacity: .3
}

.btn_submit input[type=submit]:not([disabled]):hover {
  cursor: pointer
}

.ajax-loader {
  display: none !important
}

.wpcf7-spinner {
  display: none !important
}

.thanks_first p.txt01 {
  margin-bottom: 4rem
}

@media(max-width: 767px) {
  .thanks_first p.txt01 {
    margin-bottom: 2rem
  }
}

.service_content .service_detail {
	display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 30px;
}

.service_content .service_detail .triple_cmn {
	width: calc((100% - 60px) / 3);
	grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
	background-color: #f3f3f3;
    padding: 30px;
    border-radius: 20px;
}

@media(min-width: 768px) and (max-width: 1030px) {
	.plink_cmn {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media(max-width: 767px) {
	.service main {
		overflow-x: hidden;
	}

	.service_content .service_detail {
		flex-direction: column;
	}
	
	.service_content .service_detail .triple_cmn {
		width: 100%;
	}
	
	.service_first .plink_cmn .btn_cmn,
	.service_first .plink_cmn .btn_cmn.small a {
		width: 100%;
	}
	
	.service_content .over_cmn .txt {
		margin-top: 30px;
	}
}

.philosophy_ttl {
	margin-bottom: 4rem;
	font-size: 2.5rem;
}

.philosophy_ttl::after {
	background: none !important;
}

@media(max-width: 767px) {
	.philosophy_ttl {
		margin-bottom: 2rem;
		font-size: 1.5rem;
	}
}

/*# sourceMappingURL=lower-style.css.map */