@charset "utf-8";
/* CSS Document */
.pagetitle .box .titlebox h1{
	background-color: inherit;
	padding: 0;
	color: #333333;
	font-family: "Playfair Display",  sans-serif;
	line-height: 1;
}
.pagetitle2 .box .imgbox{
	margin: -100px auto 0; 
}
.titlebox1 h2 {
    font-family: "Playfair Display", sans-serif;
    line-height: 1;
}
.contact-form_a .form-box .box-wrap .box h3 {
    font-family: "Zen Old Mincho", sans-serif;
}
/* ---------- cate2 ---------- */
.cate1{
	margin-top: -60px;
	position: relative;
	z-index: 1;
	padding-bottom: 0;
}
.cate1 .box_wrap{
	gap: 60px;
}
.cate1 .imgbox{
	width: calc(50% - 30px);
}
.cate1 .txtbox{
	width: calc(50% - 30px);
	flex-direction: column;
	gap: 50px;
	align-items: flex-start;
}
/* ---------- cate2 ---------- */
.cate2{
	background-color: #DAD9D7;
}
.cate2 .box_wrap{
	flex-direction: column;
	gap: 20px;
}
.cate2 .box_wrap .boxitem{
	gap: 40px;
	padding: 50px;
}
.cate2 .box_wrap .boxitem .imgbox{
	width: calc(50% - 20px);
}
.cate2 .box_wrap .boxitem .txtbox{
	width: calc(50% - 20px);
	flex-direction: column;
	gap: 30px;
	align-items: flex-start;
}
.cate2 .box_wrap .boxitem .txtbox h3{
	padding-bottom: 20px;
	border-bottom: #BFBFBF 1px solid;
	width: 100%;
}
.cate2 .box_wrap .boxitem .txtbox .price span{
	font-size: 20px;
}
/* ---------- cate4 ---------- */
.step_cardwrap{
    gap:40px;
}
.step_cardwrap .step_card{
    background:#FAFAFA;
    border:1px solid #ADAAAA;
    padding: 30px;
    position:relative;
    max-width: 1280px;
    width: 100%;
}
.step_cardwrap .step_card_inner{
    gap: 80px; 
    align-items:center;  
}
.step_cardwrap .step_card .imgbox{
    width: calc(30% - 40px);
}
.step_cardwrap .step_card .imgbox img{
    width:100%;
    height:auto;
    display:block;
}
.step_cardwrap .step_card_body{
    width: calc(70% - 40px);
}
.step_cardwrap .step_tag{
  display:inline-block;
  background:#2f3437;
  padding:5px 22px;
  margin-bottom:18px;
}
.step_cardwrap .step_tag p{
  margin:0;
  color:#fff;
  letter-spacing:0.18em;
}
.step_cardwrap .step_title{
  margin:0 0 14px 0;
}
.step_cardwrap .step_desc{
  margin:0;
  line-height:2;
}
.step_cardwrap .step_arrow{
  position:absolute;
  left:50%;
  bottom:-18px;
  transform:translateX(-50%);
  width:40px;
  height:40px;
  border-radius:50%;
  background:#F0F1F2;
  border:1px solid #C4C4C4;
  display:flex;
  align-items:center;
  justify-content:center;
}
.step_cardwrap .step_arrow .icon{
  transform: rotate(90deg);
}
.step_cardwrap .step_arrow .icon img{
  width:10px;
  height:auto;
  display:block;
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate1 .box_wrap {
		flex-direction: column;
	}
	.cate1 .imgbox {
		width: 60%;
	}
	.cate1 .txtbox {
		width: 80%;
	}
	.cate2 .box_wrap .boxitem {
		flex-direction: column;
		padding: 40px 20px;
	}
	.cate2 .box_wrap .boxitem .imgbox {
		width: 60%;
	}
	.cate2 .box_wrap .boxitem .txtbox {
		width: 80%;
	}
	.step_cardwrap .step_card_inner {
		gap: 40px;
	}
	.step_cardwrap .step_card .imgbox{
		width: calc(30% - 20px);
	}
	.step_cardwrap .step_card_body{
		width: calc(70% - 20px);
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.pagetitle2 .box .imgbox{
		margin: -50px auto 0; 
	}
	.pagetitle .box {
	}
    .cate1 .box_wrap {
        gap: 40px;
    }
	.cate1 .imgbox {
		width: 80%;
	}
	.cate1 .txtbox {
		width: 100%;
		gap: 30px;
	}
	.cate2 .box_wrap .boxitem .imgbox {
		width: 80%;
	}
	.cate2 .box_wrap .boxitem .txtbox {
		width: 100%;
	}
	.cate2 .box_wrap .boxitem {
		gap: 20px;
	}
	.cate2 .box_wrap .boxitem .txtbox {
		gap: 20px;
	}
    .step_cardwrap .step_card_inner {
        flex-direction: column;
    }
	.step_cardwrap .step_card .imgbox{
		width: 60%;
	}
	.step_cardwrap .step_card_body{
		width: 100%;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
    .step_cardwrap .step_card_inner {
        gap: 20px;
    }
	.step_cardwrap .step_card .imgbox{
		width: 80%;
	}
	.step_cardwrap .step_tag {
		padding: 2px 20px;
		margin-bottom: 10px;
	}
	.step_cardwrap .step_card {
		padding: 30px 20px;
	}
	.step_cardwrap .step_title {
		margin: 0 0 10px 0;
	}
}

/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}