@charset "utf-8";
figure{
position: relative;
}

.content_Wrap {
  padding: 80px 0;
}

.bg_cr-01 {
background: #efebde;
}

/*main_Visual*/
.main_Visual {
  padding: 92px 0 0;
  position: relative;
}


.rubik {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.mv_ttl {
position: absolute;
top: calc(50% + 46px);
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
text-align: center;
}
.mv_ttl h3 {
color: #7d6832;
font-size: clamp(18px, 3.166666666666667vw, 40px);
letter-spacing: 0.04em;
padding-bottom: 1em;
}
.mv_ttl p {
color: #403d3c;
font-size: clamp(10px,1.5vw,20px);
line-height: 2;
}




.copy {
}
.copy.center {
text-align: center;
}
.copy h3 {
color: #4e350a;
font-size: clamp(18px,1.714285714285714vw,24px);
font-feature-settings: "palt";
letter-spacing: 0.125em;
line-height: 2;
}
.copy p {
font-size: clamp(14px,1.285714285714286vw,18px);
font-feature-settings: "palt";
letter-spacing: 0.125em;
line-height: 2.4;
padding-top: 1.5em;
}
.copy p span.notes{
font-size: 10px;
}


.padB100 { padding-bottom: 100px;}
.padB150 { padding-bottom: 150px;}
.padB200 { padding-bottom: 200px;}
.padB250 { padding-bottom: 250px;}



.box {
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow:visible;
}
.box figure {
  max-width: 700px;
  width:58.333333%;
}
.box figure.fig_r {
  max-width: 700px;
  width:58.333333%;
  margin-left: auto;
}
.box .txt_box {
  position: absolute;
  top:3%;
  width:55%;
  z-index:10;
}
.box .txt_box.left {
  left:-10%;
  padding: 0 0 0 5%;
}
.box .txt_box.right {
  right:-10%;
  padding: 0 5% 0 0;
}


.box .sec_ttl {
position: relative;
width: 100%;
margin: 0 auto 10px;
padding: 0 0 1em;
/* border:1px solid #c00; */
}
.box .sec_ttl::before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
display: block;
width: 15%;
height: 1px;
background: #7d6832;
}
.box .sec_ttl::after {
content: "";
position: absolute;
bottom: -1px;
left: 50%;
transform: translate(-50%,0);
display: block;
width: 7%;
max-width: 600px;
height: 5px;
background: #7d6832;
}
.box .sec_ttl h3 {
text-align: center;
color: #7d6832;
font-size: clamp(1.875rem, 0.097rem + 3.7vw, 2.875rem);
font-feature-settings: "palt";
letter-spacing: 0.125em;
line-height: 1.5;
font-family: "Rubik", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 500;
}

.box .old {
  text-align: center;
  padding: 15px 0 40px;
  font-size: clamp(14px,1.285714285714286vw,18px);
  font-feature-settings: "palt";
  letter-spacing: 0.125em;
  line-height: 1.3;
  padding-top: 1.5em;
}

.box .txt_voice {
  border:1px solid #7d6832;
  padding: 20px 30px;
  background: rgb(255,255,255,1.0);
}
.box .txt_voice p {
  font-size: clamp(0.813rem, 0.479rem + 0.69vw, 1rem);
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  line-height: 2.2;
}

/*=========================================================================================================
sp
=========================================================================================================*/
@media screen and (max-width: 767px) {
.main_Visual {
  padding: 55px 0 0;
}
.mv_ttl {
top: calc(50% + 30px);
}
.mv_ttl h3 {
    padding-bottom: 0.75em;
}
.mv_ttl p {
    transform: scale(0.9);
}
.text-cont h3 {
    line-height: 1.6;
}

.copy p {
text-align: left;
}

.content_Wrap {
    padding: 40px 0;
}

.box {
  flex-direction: column;
  position:static;
  overflow: hidden;
}
.box figure {
  max-width: 100%;
  width:100%;
  margin: 0 auto 20px;
  order:1;
}
.box figure.fig_r {
  max-width: 100%;
  width:100%;
  margin-left: 0;
}
.box .txt_box {
  position: static;
  width:100%;
  order:2;
}
.box .txt_box.left {
  left:0%;
  padding: 0;
}
.box .txt_box.right {
  right:0%;
  padding: 0;
}
.box .old {
    padding: 15px 0 20px;
}
.box .txt_voice {
    padding: 1em;
}

.padB100 { padding-bottom: 60px;}
.padB150 { padding-bottom: 60px;}
.padB200 { padding-bottom: 60px;}
.padB250 { padding-bottom: 60px;}



}