:root{
--color-main:#8b6a3f;
--color-bg:#f8f5ef;
--color-sub:#e9dfc9;
--color-text:#333;
--color-white:#fff;
--container-width:1200px;
--section-space:120px;
--radius:24px;
--transition:.3s;
}

@media screen and (max-width: 768px) {
  .pc{
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .sp{
    display: none;
  }
}




*{margin:0;padding:0;box-sizing:border-box}
body{font-family:sans-serif;color:var(--color-text);line-height:1.8;background:var(--color-bg)}
img{max-width:100%}

.l-container{
max-width:calc(var(--container-width) + 40px);
margin:auto;
padding:0 20px;
}

.l-header{
  position:absolute;
  width:100%;
  z-index:10;
  padding:0 15px;

}
.l-header__inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:24px 0;
}
.l-header__nav{
  display:flex;
  gap:32px;
}
.l-header__nav a{
  text-decoration:none;
  color:var(--color-white);
}
/*.l-header__logo{color:#fff}*/



/*.l-header__logo{
  width: 15%;
}
*/

@media screen and (max-width:767px){
  .l-header{
    padding:0 15px;
  }
/*  .l-header__logo{
    width: 30%;
  }*/
}












.c-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 40px;
  background:var(--color-main);
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  transition:var(--transition);
  /*margin:15px 0 0;*/
}
.c-button:hover{transform:translateY(-2px)}
.c-button--outline{
  background:transparent;
  border:1px solid #fff;
}



.c-button02{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 32px;
  background:var(--color-main);
  color:#fff;
  text-decoration:none;
  border-radius:999px;
  transition:var(--transition);
  width: 100%;
  margin: 15px 0 0;
}
.c-button02:hover{transform:translateY(-2px)}
.c-button--outline{
  background:transparent;
  border:1px solid #fff;
}





.c-section-title{
  font-size:clamp(2rem,4vw,3rem);
  text-align:center;
  /*margin-bottom:48px;*/
  margin-bottom:32px;
  margin-top: 2rem;
}

.p-hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  background:
  linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),
  linear-gradient(135deg,#b99a73,#e9dfc9);
  color:#fff;
}
.p-hero__body{max-width:700px}
.p-hero__eyebrow{letter-spacing:.2em;margin-bottom:16px}
.p-hero__title{font-size:clamp(3rem,6vw,5.5rem);line-height:1.2;margin-bottom:24px}
.p-hero__lead{max-width:580px;margin-bottom:40px}

.p-about,
.p-reason,
.p-voice,
.p-cta{
padding:var(--section-space) 0;
}



.p-about{
  background:
  linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.25)),
  linear-gradient(135deg,#b99a73,#e9dfc9);
  color:#fff;
}



.p-about__text{
  max-width:800px;
  margin:auto;
  text-align:center;
  margin-bottom:1rem;
}

.p-reason__list,
.p-voice__list,
.p-cta__inner{
  display:flex;
  gap:32px;
}

.p-reason__card,
.p-voice__card{
  flex:1;
  background:#fff;
  padding:32px;
  border-radius:var(--radius);
}

.p-cta__body,
.p-cta__image{
  flex:1;
}

.p-cta__image{
  min-height:320px;
  border-radius:var(--radius);
  /*background:linear-gradient(135deg,#d7c3a2,#f0e8d8);*/
}



.p-cta .p-cta__body h2{
  font-size:clamp(1.8rem,3vw,2.4rem);
}



.l-footer{
  padding:40px 0;
  text-align:center;
  background:#eee6d8;
}

@media (max-width:768px){

:root{
--section-space:80px;
}

.l-header__nav{
display:none;
}

.p-reason__list,
.p-voice__list,
.p-cta__inner{
flex-direction:column;
}

.p-hero{
text-align:center;
}

.p-hero__body{
margin:auto;
}
}






#image-carousel .splide__slide img {
  width: 100%;
  height: auto;
}




#card-carousel{
  margin:60px 0 0;
}

#card-carousel .splide__slide{
	margin-right: 2rem;
    width: calc(50% - 1rem);
}



#card-carousel .splide__slide img {
  width: 100%;
  height: auto;
}





/* splide ズーム */
/*#image-carousel .splide__slide img {
  transition: 10s ease-out;
}*/
/*#image-carousel .splide__slide.is-active img {
  transform: scale(1.15);
  transition-delay: 0s;
}*/
/* スライドのサイズ調整 */
#image-carousel .splide__slide img {
  height: auto;
  width: 100%;
}








.p-hero02{
	position:relative;
}

.p-hero02__body{

    width:80%;


  position: absolute;
  z-index: 999;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  color:#fff;
}



/*.p-hero02__body{max-width:700px}*/

.p-hero02__eyebrow{letter-spacing:.2em;margin-bottom:16px}
.p-hero02__title{font-size:clamp(3rem,6vw,5.5rem);line-height:1.2;margin-bottom:24px}
.p-hero02__lead{max-width:580px;margin-bottom:40px}



@media screen and (max-width:767px){
  .p-hero02__body{
    width:80%;
  }
}












.copany-box{
  margin: 60px 0 0;
}

.gmap-icon{
  width:15px
}




.p-career .career-in{
  display:flex;
  flex-wrap: wrap;
  justify-content:space-between;
  padding:10% 0;
}


.p-career__txt{
  width:65%;
}
.p-career__image{
  width: 30%;
  margin: 15px 0 0;
}

.p-career__txt h2.name{
  font-size: 1.8rem;
  line-height: 1;
  margin-bottom: 2rem;
}
.p-career__txt h2.name span{
  font-size:0.8rem;
  letter-spacing:0.08rem;
}


.p-career__txt p.job-ttl{
  font-size:0.8rem;
  margin:0 0 7px -4px;
  font-weight:bold;
  letter-spacing:0.2rem;
}


.gmap {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





@media screen and (max-width: 767px){
  .p-career__txt{
    width:100%;
    order:1
  }
  .p-career__image{
    width: 100%;
  }
}













/*@import url("https://fonts.googleapis.com/css?family=Oswald|Roboto:400,700");*/
/*body {
    font-size: 14px;
    line-height: 1.5;
}*/
h1, h2, h3, h4, h5, h6 {
    /*font-family: 'Oswald', sans-serif;*/
}

/*p {
    font-family: 'Roboto', sans-serif;
    font-size: .8rem;
}*/
.container {
    /*max-width: 1024px;*/
    width: 90%;
    margin: 0 auto;
}
.timeline-item {
    padding: 3em 2em 2em;
    position: relative;
    color: rgba(0, 0, 0, 0.7);
    border-left: 2px solid rgba(0, 0, 0, 0.3);
}
.timeline-item p {
    font-size: 1rem;
}

p.time-line-ttl {
    font-size: 1.8rem;
    font-weight:bold;
    margin-bottom: .5em;
}



.timeline-item::before {
    content: attr(date-is);
    position: absolute;
    left: 2em;
    font-weight: bold;
    top: 1em;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: .985rem;
}
.timeline-item::after {
    width: 10px;
    height: 10px;
    display: block;
    top: 1em;
    position: absolute;
    left: -7px;
    border-radius: 10px;
    content: '';
    border: 2px solid rgba(0, 0, 0, 0.3);
    background: white;
}
.timeline-item:last-child {
    border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0)) 1 100%;
}







.contact-body{
  padding:10% 0;
}