@charset "utf-8";

@import url("/_pack/css/fancybox.css");
@import url("/_pack/css/slider-pro.css");

/* // common
----------------------------------------------- */

#ContentsWrap {
    padding-top: 50px;
}

#ContentsWrap a{
    transition-duration: 0.5s;
}

#ContentsWrap a:hover{
    opacity: 0.7;
}

.ocher{
    color:#908235;
}

.w50{
    float: left;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}

.heightAuto{
    height: auto !important;
}
.taRight {
  text-align: right;
}


@media all and (min-width: 741px)  {
/* //    |- PC  */
  .elmSP {  display:none !important;  }
} 
@media all and (max-width: 740px)  {
/* //    |- SP  */
  .elmPC{ display:none !important;  }
}




/* // data
----------------------------------------------- */

/* //    |- sec1  */

#data p,
#data h4,
#data h3{
  color: #695d3f;
  letter-spacing: 0.06em;
}
#data .sec1{
  background: url(../img/data_sec1_bg.webp) no-repeat center;
  background-size: cover;
  border-bottom: 1px solid #ebedea;
  padding: 130px 0 135px;
}
#data .sec1 .ttl{
  font-size: 32px;
  color: #326811;
  text-align: center;
  position: relative;
}
#data .sec1 .ttl span{
  position: absolute;
  width: 30px;
  height: 42px;
  display: block;
}
#data .sec1 .ttl span:before{
  content:"　";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  background-color: #326811;
}
#data .sec1 .ttl span:after{
  content:"　";
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  top: 0;
  background-color: #326811;
}
#data .sec1 .ttl span.kakko1{left: 120px;top:-20px;}
#data .sec1 .ttl span.kakko2{right: 155px;top:0;}
#data .sec1 .ttl span.kakko1:before{top: 0;}
#data .sec1 .ttl span.kakko2:before{bottom: 0;}
#data .sec1 .ttl span.kakko1:after{left: 0;}
#data .sec1 .ttl span.kakko2:after{right: 0;}

#data .sec1 p{
  text-align: center;
  line-height: 2;
  font-size: 16px;
}

/* //    |- sec2  */
#data .sec2{
  padding: 50px 0 120px;
}
#data .sec2 .ttl{
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 60px;
}
#data .sec2 .images {
  display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow:     row wrap;
	flex-flow:         row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content:     space-between;
	justify-content:         space-between;
	-webkit-align-items: flex-start;
	-ms-align-items:     flex-start;
	align-items:         flex-start;
}
#data .sec2 h3,
#data .sec2 p{
  text-align: center;
}
#data .sec2 h3{
  font-size: 24px;
  color: #695d3f;
}
#data .sec2 p{
  font-size: 15px;
}

/* //    |- sec3  */
#data .sec3{
  background: url(../img/data_sec3_bg.webp) no-repeat center;
  background-size: cover;
  padding: 65px 0 100px;
}
#data .sec3 *{
  color: #fff;
  text-align: center;
}
#data .sec3 .bf{
  color:#5c5854;
  position: relative;
  padding-bottom: 35px;
  font-size: 27px;
}
#data .sec3 .bf:after{
  content:"　";
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
	margin-left: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 18px 3px 0 3px;
	border-color: #5c5854 transparent transparent transparent;
}
#data .sec3 .ttl{
  font-size: 24px;
  position: relative;
  line-height: 1.75;
  padding-bottom: 10px;
}
#data .sec3 .ttl:after{
  content:"　";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #98938d;
  box-shadow: 0 1px 0 rgba(218,214,209,.24);
}
#data .sec3 .txt{
  line-height: 2;
}
/* //    |- sec4  */

#data .sec4 {
  background: #f6f8f5 url(../img/data_sec4_bg.webp) no-repeat right top;
  box-shadow: 0 7px 0 rgba(0,0,0,.05) inset;
  padding-bottom: 30px;
}
#data .sec4 .solution{
  background: url(../img/data_sec4_solution.webp) no-repeat center top;
  height: 163px;
  text-align: center;
  font-size: 28px;
  color: #695d3f;
  padding-top: 40px;
  line-height: 1.44;
  -webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}
#data .sec4 .solution span{
  color: #D34C10;
  font-size: 140%;
  padding: 0 15px;
  display: inline-block;
}
#data .sec4 .ttl{
  color: #85671f;
  font-size: 30px;
}
#data .sec4 .body{
  font-size: 15px;
  line-height: 2;
}
#data .sec4 .body.narrow{
  width: 550px;
}
#data .sec4 .wrap{
  display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow:     row wrap;
	flex-flow:         row wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content:     space-between;
	justify-content:         space-between;
	-webkit-align-items: center;
	-ms-align-items:     center;
	align-items:         center;
}
#data .sec4 .txt .body{
  width: 600px;
}
#data .sec4 .txt .strong{
  font-size: 18px;
  line-height: 1.77;
  /* font-weight: 500; */
}
#data .sec4 .txt .strong span{
  color: #b18315;
  padding: 0 10px;
  display: inline-block;
  background: url(../img/data_sec4_ul_02.webp) no-repeat center bottom;
}

/* //    |- sec5  */

#data .sec5 {
  background: #fafafa;
  box-shadow: 0 7px 0 rgba(0,0,0,.05) inset;
  padding: 70px 0 100px;
  position: relative;
}


#data .sec5 .obi{
  background: #705c2c;
  line-height: 1.5;
  padding: 15px 0;
  color: #fff;
  text-align: center;
  /* font-weight: 500; */
  font-size: 24px;
  box-shadow: 0 5px 5px rgba(0,0,0,.1);
}

#data .file_wrap {
  background: #F6F3EB;
  padding: 50px 45px;
  box-sizing: border-box;
  margin: 0 0 50px;
}

#data .file_head {
  font-size: 30px;
  text-align: center;
  margin: 0 0 50px;
}

#data .sec5 .file{
  display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px;
  box-sizing: border-box;
}

#data .sec5 .file .item{

}
#data .sec5 .file .icon{
  text-align: center;
  margin-bottom: 40px;
}
#data .sec5 .file .fileName{
  color: #695D3F;
  font-size: 20px;
  text-align: center;
  /* font-weight: 500; */
  margin-bottom: 25px;
}
#data .sec5 .file .fileTtl{
  font-size: 18px;
  /* font-weight: 500; */
  text-align: center;
  line-height: 1.77;
  margin-bottom: 25px;
}
#data .sec5 .htx{
  border-left: 6px solid #EB8400;
  line-height: 38px;
  font-size: 21px;
  padding-left: 1.5em;
  margin-bottom: 15px;
}
#data .sec5 .htx span{
  color: #EB8400;
  /* font-weight: 500; */
}
#data .sec5 .htx.blue{
  border-color: #009CA2;
}
#data .sec5 .htx.blue span{
  color: #009CA2;
}
#data .sec5 .inner{
  padding: 0 20px 0 40px;
}
#data .sec5 .inner table{
  box-shadow: 0 0 6px 3px rgba(0,0,0,.15);
}
#data .sec5 .inner th,
#data .sec5 .inner td{
  font-size: 15px;
  letter-spacing: .2em;
}
#data .sec5 .inner th:not(:last-child),
#data .sec5 .inner td:not(:last-child){
  border-right: 1px solid #d5d5d5;
}
#data .sec5 .inner th{
  background: #EB8400;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  box-shadow: 0 2px 0 #aec2b2;
}
#data .sec5 .inner .blue th{
  background: #009CA2;
  box-shadow: 0 2px 0 #ebebea;
}
#data .sec5 .inner td{
  /* font-weight: 500; */
  padding: 12px 40px;
  background: #fff;
  color: #876e2f;
}
#data .sec5 .inner tr:nth-child(2n-1) td{
  background: #faf9f9;
}

#data .sec5 .note {
  color: #5F5F5F;
  font-size: 13px;
}











/* ----------------- case ----------------- */
.dataCase {
    padding: 90px 0 110px;
}
.dataCase_wrap {
  display: flex;
  gap:45px 35px;
  justify-content: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin: 50px 0 0 ;
}
.dataCase_item {
  width: calc(33.3333333333% - 25px);
  border: 6px solid #E9E7E2;
  box-sizing: border-box;
  padding: 0 15px 25px;
}
.dataCase_item__num {
  text-align: center;
  margin: -18px 0 30px;
}
.dataCase_item__num span {
  background: #695D3F;
  color: #fff;
  font-style: italic;
  font-size: 24px;
  padding: 6px 24px;
  border-radius: 100px;
}
.dataCase_item__txt {
  font-size: 20px;
  text-align: center;
}
.dataCase_item__img {
  max-width: 110px;
  margin: 15px auto 0;
}
.dataCase_item__img img{
  width: 100%
}
@media all and (max-width: 740px)  
{/* SP start */
.dataCase {
  padding: 60px 0;
}
.dataCase_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px 10px;
  box-sizing: border-box;
  margin: 50px 0 0 ;
}
.dataCase_item {
  width:100%;
  border: 5px solid #E9E7E2;
  box-sizing: border-box;
  padding: 0 15px 100px;
  position: relative;
}
.dataCase_item__num {
  text-align: center;
  margin: -15px 0 20px;
}
.dataCase_item__num span {
  background: #695D3F;
  color: #fff;
  font-style: italic;
  font-size: 18px;
  padding: 6px 24px;
  border-radius: 100px;
}
.dataCase_item__txt {
  font-size: 15px;
  text-align: center;
}
.dataCase_item__img {
  max-width: 60%;
  margin: 15px auto 0;
  position: absolute;
  left:50%;
transform: translateX(-50%);
bottom: 15px;
}
.dataCase_item__img img{
  width: 100%
}

}






/* ----------------- merit ----------------- */
.dataMerit_list {
  margin: 0 0 60px;
}
.dataMerit_list__item {
  font-size: 18px;
  padding: 0 0 0 25px;
  position: relative;
  font-weight: 500;
}
.dataMerit_list__item span {
  color: #D34C10;
}
.dataMerit_list__item:not(:last-child) {
  margin: 0 0 32px;
}
.dataMerit_list__item:before {
  position: absolute;
  background: url(/_pack/img/icon_check_brn.svg) no-repeat;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 15px;
  height: 11px;
  display: inline-block;
  background-size: contain;
  z-index: 100;
}
.dataMerit_copy {
  font-size: 22px;
  line-height: 2;
  text-align: center;
  font-weight: 600;
  color: #586A3A !important;
  margin: 0 0 50px;
}
.dataMerit_copy span {
  background: linear-gradient(transparent 55%, #E1DAC0 55%);
}
@media all and (max-width: 740px)  
{/* SP start */
.dataMerit_list {
  margin: 0 0 40px;
}
.dataMerit_list__item {
  font-size: 14px;
  padding: 0 0 0 25px;
  position: relative;
  font-weight: 500;
}
.dataMerit_list__item span {
  color: #D34C10;
}
.dataMerit_list__item:not(:last-child) {
  margin: 0 0 20px;
}
.dataMerit_list__item:before {
  position: absolute;
  background: url(/_pack/img/icon_check_brn.svg) no-repeat;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  width: 15px;
  height: 11px;
  display: inline-block;
  background-size: contain;
}
.dataMerit_copy {
  padding: 0 20px;
  font-size: 16px;
  text-align: left;
  margin: 0 0 30px;
}
}





/* ----------------- commit ----------------- */
.dataCommit_headtxt {
  text-align: center;
  margin: 0 0 50px;
}
@media all and (max-width: 740px)  
{/* SP start */
.dataCommit_headtxt {
  text-align: center;
  margin: 0 0 30px;
}
}



/* ----------------- message ----------------- */
.dataMessage {
  display: flex;
  gap:10px;
  background: #F6F3EB;
  padding: 40px 20px;
  justify-content: center;
  margin: 50px 0 0 ;
  align-items: center;
  flex-direction: row-reverse;
}
.dataMessage_img {
  max-width: 250px;
}
.dataMessage_desc__txt {
  color: #5F5F5F !important;
  margin: 0 0 25px;
}
.dataMessage_desc__copy {
  color: #586A3A !important;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.8;
}
.dataMessage_desc__copy span {
  color: #D34C10;
}
@media all and (max-width: 740px)  
{/* SP start */
.dataMessage {
  display: flex;
  gap:20px;
  padding: 30px 20px 10px;
  justify-content: center;
  margin: 50px 0 0 ;
  align-items: center;
  flex-direction: column;
}
.dataMessage_img {
  max-width: 70%;
  margin: auto;
}
.dataMessage_desc__txt {
  color: #5F5F5F !important;
  margin: 0 0 20px;
}
.dataMessage_desc__copy {
  font-size: 17px;
}
}



/* ----------------- xxxxxxxxxx ----------------- */

@media all and (max-width: 740px)  
{/* SP start */

}