@charset "utf-8";
/* CSS Document */


/* ---------- cate01 ---------- */
.cate1 .txtbox p{
	letter-spacing: 0.1em;
	line-height: 3;
}
.cate1 .txt_wrap{
	margin: 0 auto;
}

/* ---------- cate02 ---------- */
.cate2 .pd_wrap_all{
	padding-bottom: 
}
.cate2 .txt_wrap{
	gap: 80px;
}
.cate2 .txt_wrap .imgbox{
	width: calc(40% - 40px);
}
.cate2 .txt_wrap .txtbox{
	width: calc(40% - 40px);
}
p.font-eb span {
  font-family: 'EB Garamond', sans-serif;
  font-size: 20px;
}
.cate2 .more_wrap{
	justify-content: flex-end;
}
/* ---------- cate03 ---------- */
.cate3{
	background-color: #F2F2F2;
	padding-top: 150px;
	padding-bottom: 150px;
  position:relative;
}
.cate3 .swiper-button img {
    width: 36px;
    height: auto;
}
/* ---------- swiper-button ---------- */

.swiper-button{
	width: 80px;
	height: 80px;
	cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-button img {
    width: 36px;     
    height: auto;
}
.swiper-button.swiper-button-prev {
	top: 55%;
    left: 5%;
    transform: translateY(-50%) translateX(-50%);
}
.swiper-button.swiper-button-next {
	top: 55%;
    right: 5%;
    transform: translateY(-50%) translateX(50%);
}
/* ---------- cate04 ---------- */


/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	
	
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	
	.cate2 .txt_wrap{
		flex-direction: column;
		gap:50px;
	}
	.cate2 .txt_wrap2{
		flex-direction: column-reverse;
	}
	.cate2 .txt_wrap .imgbox{
		width: 90%;
	}
	.cate2 .txt_wrap .txtbox{
		width: 90%;
	}
	.cate2 .more{
		margin-top: 30px; 
	}

}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate3 .process_box .process_item .txt_wrap{
		flex-direction: column;
		gap: 30px;
	}
	.cate3 .process_box .process_item{
        padding: 50px 30px;
        width: 60vw;
    }
	.cate3 .process_box .process_item .txt_wrap .iconbox {
		width: 90%;
	}
	.cate3 .process_box .process_item .txt_wrap .txtbox{
		width: 90%;
	}
	.cate3 .process_box .process_item .step-label{
		top: -5%;
	}
	.cate3 .process_box {
		gap: 50px;
	}
	
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate1 .txtbox p {
		letter-spacing: 0.05em;
		line-height: 2;
      font-size:14px;
	}
	
	.cate1 .imgbox {
        flex-direction: column;
    }
	.cate1 .imgbox {
		gap: 15px;
        height: 15vh;
    }
	.cate2 .txt_wrap .imgbox{
      width: 100%; 
  }
	.cate2 .txt_wrap .txtbox{
		width: 100%;
	}
	.cate2 .txt_wrap {
        gap: 30px;
    }

	.cate3 .process_box .process_item .txt_wrap .iconbox {
		width: 100%;
	}
	.cate3 .process_box .process_item .txt_wrap .txtbox{
		width: 100%;
	}
	.cate3 .process_box .process_item{
        padding: 40px 20px;
        width: 100%;
    }
	.cate3 .process_box .process_item {
		box-sizing: border-box; 
	}
	.cate3 .process_box {
    gap: 30px;
}
	.swiper-button.swiper-button-prev {
    left: 0;           
    transform: translateY(-50%);
  }

  .swiper-button.swiper-button-next {
    right: 0;           
    transform: translateY(-50%);
  }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}