@charset "UTF-8";

/*=====================

ブランドページ CSS

=====================*/



/*---------------------*/
/* 共通 */
/*---------------------*/

.pagetitle {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .pagetitle {
    margin-top: 0;
  }
}
@media screen and (max-width: 430px) {
  .pagetitle {
    margin-top: 0;
  }
}




/*---------------------*/
/*会社紹介 #intro*/
/*---------------------*/
#intro {
  width: 100%;
	padding: 0 0 10em;
}

/*  */
#intro .intro_con ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

#intro .intro_con li img {
  width: 100%;
}

/*  */
#intro .intro_con li:first-child {
  width: 45%;
}

#intro .intro_con li:first-child p {
  font-size: 14px;
  line-height: 1;
  color: #333;
  text-align: left;
  letter-spacing: 0.1em;
  margin-bottom: 1em;
}

#intro .intro_con.con01 li:first-child .img {
  width: 80%;
}
#intro .intro_con.con02 li:first-child .img {
  width: 70%;
}
#intro .intro_con.con03 li:first-child .img {
  width: 98%;
}

/*  */
#intro .intro_con li:last-child {
  width: 50%;
}

#intro .intro_con li:last-child .ttl {
  font-size: 22px;
  line-height: 2;
  color: #333;
  text-align: left;
  letter-spacing: 0.1em;
  margin-bottom: 1.2em;
}

#intro .intro_con li:last-child .txt {
  font-size: 14px;
  line-height: 2.4;
  color: #333;
  text-align: justify;
  letter-spacing: 0.1em;
}

/*  */
#intro .intro_con.con02 {
  padding: 8em 0 0;
}
#intro .intro_con.con03 {
  padding: 8em 0 0;
}


/* #intro .con01_results */
#intro .con01_results {
  padding: 2em 0 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1600px;
}

#intro .con01_results ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
}
#intro .con01_results ul li {
  width: calc((100% - 1em) / 3);
}
/*
#intro .con01_results ul li:nth-child(1) {
  width: 24.5%;
}
#intro .con01_results ul li:nth-child(2) {
  width: 18.5%;
}
#intro .con01_results ul li:nth-child(3) {
  width: 56.7%;
}*/

#intro .con01_results ul li img {
  width: 100%;
}

#intro .con01_results ul li p.cap,
#intro .con02_results ul li p.cap,
#intro .con03_results ul li p.cap {
  position: static;
  font-size: 12px;
  text-align: right;
  line-height: 1.3;
  padding: 0.5em 0.5em 0 0;
  margin-bottom: 0;
}


/* #intro .con02_results */
#intro .con02_results {
  padding: 2em 0 0;
  margin: 0 auto;
  width: 100%;
}

#intro .con02_results ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.5em;
}

#intro .con02_results ul li img {
  width: 100%;
}

#intro .con02_results ul li {
  width: calc((100% - 1em) / 3);
}


/* #intro .con03_results */
#intro .con03_results {
  padding: 2em 0 0;
  margin: 0 auto;
  width: 100%;
}

#intro .con03_results ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  gap: 0.5em;
}

#intro .con03_results ul li img {
  width: 100%;
}
#intro .con03_results ul li {
  width: 100%;
}
/*
#intro .con03_results ul li:last-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5em;
}*/



/* 1190 */
@media screen and (max-width: 1190px) {
  #intro .intro_con ul {
    width: 96%;
  }
}

@media screen and (max-width: 1120px) {
  #intro .con01_results ul {
    width: 94%;
    margin-left: auto;
    margin-right: auto;

  }
}


/* 768 */
@media screen and (max-width: 768px) {
  #intro {
    padding: 0 0 8em;
  }
  #intro .intro_con li:first-child {
    width: 100%;
    margin-bottom: 2em;
  }

  #intro .intro_con li:first-child p {
    font-size: 2.344vw;
  }

  #intro .intro_con.con01 li:first-child .img {
    width: 60%;
    margin: 0 auto;
  }
  #intro .intro_con.con02 li:first-child .img {
    width: 50%;
    margin: 0 auto;
  }
  #intro .intro_con.con03 li:first-child .img {
    width: 78%;
    margin: 0 auto;
  }

  /*  */
  #intro .intro_con li:last-child {
    width: 100%;
  }

  #intro .intro_con li:last-child .ttl {
    font-size: 3.385vw;
    text-align: center;
  }

  #intro .intro_con li:last-child .txt {
    font-size: 2.344vw;
  }


  /* #intro .con01_results */
  #intro .con01_results {
    padding: 2em 0 0;
  }

  #intro .con01_results ul {
    flex-wrap: wrap;
    row-gap: auto;
    justify-content: space-between;
  }
  #intro .con01_results ul li:first-child {
    width: 100%;
  }
  #intro .con01_results ul li {
    width: calc((100% - 0.5em) / 2);
  }
  /*
  #intro .con01_results ul li:nth-child(1) {
    width: 57%;
  }
  #intro .con01_results ul li:nth-child(2) {
    width: 43%;
  }
  #intro .con01_results ul li:nth-child(3) {
    width: 100%;
  }*/
  #intro .con01_results ul li p.cap,
  #intro .con02_results ul li p.cap,
  #intro .con03_results ul li p.cap {
    font-size: 10px;
    margin-bottom: 0.5em;
  }


  /* #intro .con02_results */
  #intro .con02_results {
    padding: 1em 0 0;
  }
}


/* 430 */
@media screen and (max-width: 430px) {
  #intro {
    padding: 0 0 6em;
  }

  #intro .intro_con li:first-child {
    margin-bottom: 1.4em;
  }

  #intro .intro_con li:first-child p {
    font-size: 3.271vw;
  }

  #intro .intro_con.con01 li:first-child .img {
    width: 80%;
  }
  #intro .intro_con.con02 li:first-child .img {
    width: 70%;
  }
  #intro .intro_con.con03 li:first-child .img {
    width: 98%;
  }

  /*  */
  #intro .intro_con li:last-child .ttl {
    font-size: 5.14vw;
  }

  #intro .intro_con li:last-child .txt {
    font-size: 3.271vw;
  }

  /*  */
  #intro .intro_con.con02 {
    padding: 4em 0 0;
  }
  #intro .intro_con.con03 {
    padding: 4em 0 0;
  }


  /* #intro .con01_results */
  #intro .con01_results {
    padding: 1em 0 0;
  }
  
  #intro .con01_results ul {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
  }


  /* #intro .con02_results */
  #intro .con02_results {
    padding: 1em 0 0;
  }
  
  #intro .con02_results ul {
    gap: 0.5em;
  }
  
  #intro .con02_results ul li {
    width: calc((100% - 0.5em) / 2);
  }


  /* #intro .con03_results */
  #intro .con03_results {
    padding: 1em 0 0;
  }
  
  #intro .con03_results ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  /*
  #intro .con03_results ul li:last-child {
    display: flex;
    flex-direction: inherit;
    justify-content: space-between;
  }*/
}




/*---------------------*/
/*リーフィアブランド #leafia*/
/*---------------------*/
#leafia {
  width: 100%;
	padding: 0 0 5em;
}

/*  */
#leafia .leafia_con01 {
  padding: 2em 0 0;
}

#leafia .leafia_con01 ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content:space-between;
}

#leafia .leafia_con01 ul li img {
  width: 100%;
}

/*  */
#leafia .leafia_con01 ul li:first-child {
  width: 40%;
}
#leafia .leafia_con01 ul li:first-child .img {
  width: 55%;
  margin: 0 0 0 auto;
}

/*  */
#leafia .leafia_con01 ul li:last-child {
  width: 53%;
}
#leafia .leafia_con01 ul li:last-child p.txt {
  font-size: 14px;
  line-height: 3;
  color: #333;
  text-align: left;
  letter-spacing: 0.1em;
}


/*  */
#leafia .leafia_con02 {
  padding: 4em 0 0;
  margin: 0 auto;
  width: 96%;
  max-width: 1550px;
}

#leafia .leafia_con02 img {
  width: 100%;
}

#leafia .leafia_con02 p.txt {
  font-size: 14px;
  line-height: 2.4;
  color: #333;
  text-align: center;
  letter-spacing: 0.1em;
  padding: 5em 0 0;
}



/* 768 */
@media screen and (max-width: 768px) {
  #leafia .leafia_con01 {
    padding: 0 0 1em;
  }

  #leafia .leafia_con01 ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content:space-between;
  }

  /*  */
  #leafia .leafia_con01 ul li:first-child {
    width: 100%;
    padding-bottom: 3em;
  }
  #leafia .leafia_con01 ul li:first-child .img {
    width: 50%;
    margin: 0 auto;
  }

  /*  */
  #leafia .leafia_con01 ul li:last-child {
    width: 100%;
  }  
  #leafia .leafia_con01 ul li:last-child p.txt {
    font-size: 2.344vw;
    text-align: center;
  }


  /*  */
  #leafia .leafia_con02 {
    padding: 3em 0 0;
    width: 96%;
  }

  #leafia .leafia_con02 p.txt {
    font-size: 2.344vw;
    padding: 4em 0 0;
  }
}



/* 430 */
@media screen and (max-width: 430px) {
  #leafia {
    padding: 0 0 2.5em;
  }

  /*  */
  #leafia .leafia_con01 {
    padding: 0em 0 0;
  }

  /*  */
  #leafia .leafia_con01 ul li:first-child {
    padding-bottom: 2em;
  }
  #leafia .leafia_con01 ul li:first-child .img {
    width: 55%;
    margin: 0 auto;
  }

  /*  */
  #leafia .leafia_con01 ul li:last-child p.txt {
    font-size: 3.271vw;
    text-align: center;
  }


  /*  */
  #leafia .leafia_con02 {
    padding: 2em 0 0;
    width: 96%;
  }

  #leafia .leafia_con02 p.txt {
    font-size: 3.271vw;
    padding: 4em 0 0;
  }
}


/*---------------------*/
/*4つの約束 #promise*/
/*---------------------*/
#promise {
  width: 100%;
	padding: 5em 0 7em;
  background: #F6F4EE;
}

/*  */
#promise .conTtl {
	width: 100%;
  display: inline-block;
  background-image: url(../images/mainTtl_line.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 13px 70px;
  padding-bottom: 7.5rem;
  margin-bottom: 1rem;
}
#promise .conTtl > h3 {
  font-size: 44px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  color: #A79159;
}
#promise .conTtl > h3 span {
  font-size: 28px;
}

/*  */
#promise .sp_ex {
  display: none;
}

/*  */
#promise .promise_con {
  width: 100%;
  margin: 0 auto;
}

#promise .promise_con ul {
  width: 96%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2em 0;
}

#promise .promise_con ul li {
  width: calc((100% - 2em) / 2);
  background: #fff;
}

#promise .promise_con ul li img {
  width: 100%;
}

#promise .promise_con ul li p.ttl {
  width: 90%;
  margin: 1em auto 0;
  padding: 0.5em 0;
  background: #a79159;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2em;
  font-size: 28px;
}
#promise .promise_con ul li p.ttl span {
  display: block;
  font-weight: 400;
  letter-spacing: 0.1em;
  font-size: 14px;
  padding-top: 0.5em;
}

#promise .promise_con ul li p.lead {
  padding: 1em 0;
  margin: 0;
  line-height: 1.8;
  color: #333;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 20px;
}

#promise .promise_con ul li p.txt {
  padding: 2em 0;
  margin: 0;
  line-height: 2.4;
  color: #333;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 14px;
}



/* 768 */
@media screen and (max-width: 768px) {
  #promise {
    padding: 5em 0 6em;
  }

  #promise .conTtl {
    background-size: 6px;
    padding-bottom: 4.5rem;
  }
  #promise .conTtl > h3 {
    font-size: 6.771vw;
  }
  #promise .conTtl > h3 span {
    font-size: 4.688vw;
  }

  /*  */
  #promise .sp_ex {
    width: 96%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.5em 0;
    margin-bottom: 2em;
  }
  #promise .sp_ex li {
    width: calc((100% - 0.5em) / 2);
    background: rgb(255, 255, 255, 0.6);
    padding: 0.8em 0.5em;
  }
  #promise .sp_ex li p {
    /*font-size: 12px;*/
    font-size: 2.083vw;
    line-height: 1.4;
    text-align: center;
    padding: 0;
    margin: 0;
  }
  #promise .sp_ex li p.en_ttl {
    /*font-size: 18px;*/
    font-size: 2.865vw;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 0.4em;
    color: #a79159;
  }
  #promise .sp_ex li p.en_ttl > span {
    /*font-size: 24px;*/
    font-size: 4.167vw;
    font-weight: 700;
  }

  /*  */
  #promise .promise_con ul {
    gap: 2em 0;
  }

  #promise .promise_con ul li {
    width: 100%;
    background: #fff;
  }

  #promise .promise_con ul li p.ttl {
    font-size: 5.729vw;
  }
  #promise .promise_con ul li p.ttl span {
    font-size: 3.125vw;
  }
  
  #promise .promise_con ul li p.lead {
    font-size: 4.673vw;
  }
  
  #promise .promise_con ul li p.txt {
    width: 90%;
    font-size: 3.125vw;
    margin: auto;
  }
}



/* 430 */
@media screen and (max-width: 430px) {
  #promise {
    padding: 2.5em 0 3.5em;
  }

  /*  */
  #promise .conTtl {
    background-size: 2.257vw 12.153vw;
    padding-bottom: 5.5rem;
    margin-bottom: 1rem;
  }
  #promise .conTtl > h3 {
    font-size: 7.639vw;
  }
  #promise .conTtl > h3 span {
    font-size: 4.861vw;
  }

  /*  */
  #promise .sp_ex li p {
    /*font-size: 12px;*/
    font-size: 2.804vw;
    line-height: 1.4;
  }
  #promise .sp_ex li p.en_ttl {
    /*font-size: 18px;*/
    font-size: 4.206vw;
  }
  #promise .sp_ex li p.en_ttl > span {
    /*font-size: 24px;*/
    font-size: 5.607vw;
  }

  /*  */
  #promise .promise_con ul {
    gap: 2em 0;
  }

  #promise .promise_con ul li {
    width: 100%;
    background: #fff;
  }

  #promise .promise_con ul li p.ttl {
    font-size: 6.542vw;
  }
  #promise .promise_con ul li p.ttl span {
    font-size: 3.271vw;
  }
  
  #promise .promise_con ul li p.lead {
    font-size: 4.673vw;
  }
  
  #promise .promise_con ul li p.txt {
    padding: 2em 0 3em;
    font-size: 3.271vw;
  }
}


/*---------------------*/
/*スーモアワード*/
/*---------------------*/
#suumo {
  width: 100%;
	padding: 5em 0 4em;
}

#suumo .suumo_con {
  width: 96%;
  max-width: 1500px;
  margin: 0 auto;
  border: 1px solid #b2b2b2;
  box-sizing: border-box;
}

#suumo .suumo_con img {
	width: 100%;
}

#suumo .ttlArea {
  background: rgb(199,189,144);
  background: linear-gradient(90deg, rgba(199,189,144,1) 0%, rgba(158,144,101,1) 100%);
	padding: 1.5em 0;
}
#suumo .ttlArea p {
	font-size: 28px;
	line-height: 1.8;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.1em;
  margin: 0;
}
#suumo .mainCon {
	width: 100%;
	background: #FFF;
	padding: 3em;
	box-sizing: border-box;
}

#suumo .suumo_logo {
  width: 100%;
  max-width: 1090px;
  margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3em;
}
#suumo .suumo_logo .imageCap {
	width: 35%;
}
#suumo .suumo_logo p {
	width: 55%;
	font-size: 18px;
	line-height: 2.4;
	color: #333;
	text-align: left;
	letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
}

#suumo .suumo-img-2024 {
	width: 100%;
  max-width: 1090px;
  margin: 0 auto;
}



/* 768 */
@media screen and (max-width: 768px) {
  #suumo .ttlArea p {
    font-size: 4.167vw;
  }
  #suumo .mainCon {
    padding: 2em;
  }
  
  #suumo .suumo_logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2em;
  }
  #suumo .suumo_logo .imageCap {
    width: 70%;
    margin: 0 auto;
  }
  #suumo .suumo_logo p {
    width: 100%;
    font-size: 3.385vw;
    padding-top: 2em;
  }
}


/* 430 */
@media screen and (max-width: 430px) {
  #suumo {
    width: 100%;
    padding: 3em 0 3em;
  }

  #suumo .ttlArea {
    padding: 1em 0;
  }

  #suumo .ttlArea p {
    font-size: 4.861vw;
  }
  #suumo .mainCon {
    padding: 1em;
  }
  
  #suumo .suumo_logo {
    margin-bottom: 1em;
  }
  #suumo .suumo_logo .imageCap {
    width: 80%;
    margin: 0 auto;
  }
  #suumo .suumo_logo p {
    width: 100%;
    font-size: 3.125vw;
    padding-top: 2em;
  }
}



/*---------------------*/
/*グッドデザイン*/
/*---------------------*/
#gooddesign {
	width: 100%;
	padding: 0 0 10em;
}

#gooddesign .gooddesign_con {
  width: 96%;
  max-width: 1500px;
  margin: 0 auto;
  border: 1px solid #b2b2b2;
  box-sizing: border-box;
}

#gooddesign .gooddesign_con img {
	width: 100%;
}

#gooddesign .ttlArea {
  background: rgb(223,215,170);
  background: linear-gradient(90deg, rgba(223,215,170,1) 0%, rgba(158,144,101,1) 100%);
	padding: 1.5em 0;
}

#gooddesign .ttlArea > p {
	font-size: 22px;
	line-height: 1.8;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.1em;
  margin: 0;
}
#gooddesign .mainCon {
	width: 100%;
	background: #FFF;
	padding: 1em 3em 3em;
	box-sizing: border-box;
}

#gooddesign .gda_logo {
	width: 35%;
	max-width: 495px;
	margin: 0 auto 1em;
}

#gooddesign .main_txt {
	font-size: 16px;
	line-height: 2.4;
	color: #333;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 3em;
}
#gooddesign .img {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.5em;
  padding: 0;
}
#gooddesign .img > li {
	width: calc((100% - 1em) / 3);
}

#gooddesign .infoArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  padding: 0;
}
#gooddesign .infoArea > li:first-child {
	width: 50%;
}
#gooddesign .infoArea > li:last-child {
	width: 45%;
}

#gooddesign .ttl {
	font-size: 20px;
  font-weight: 700;
	line-height: 2.2;
	color: #333;
	text-align: left;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #595858;
	margin-bottom: 1.2em;
}

ul.summary {
  padding: 0;
}
.summary li {
	width: 100%;
	display: flex;
	justify-content: start;
	font-size: 14px;
	line-height: 2;
	color: #333;
	letter-spacing: 0em;
	text-align: left;
}
.summary li > .cat {
	position: relative;
	width: 18%;
	padding-right: 3%;
	margin-right: 3%;
}
.summary li > .cat:after {
	content: '';
	position: absolute;
	top: 0.8em;
	right: 0;
	height: 18px;
	border-right: 1px solid #595858;
	transform: rotate(30deg);
}
.summary li > .cat_txt {
	width: 76%;
}

#gooddesign .txt {
	font-size: 14px;
	line-height: 2.2;
	color: #333;
	text-align: left;
	letter-spacing: 0.05em;
}



/* tab */
@media screen and (max-width: 768px) {
  #gooddesign {
    padding: 0 0 8em;
  }

  #gooddesign .ttlArea > p {
    font-size: 3.385vw;
  }

  #gooddesign .mainCon {
    padding: 1em 2em 2em;
  }

  #gooddesign .gda_logo {
    width: 70%;
    margin: 0 auto 1em;
  }
  
  #gooddesign .main_txt {
    font-size: 2.604vw;
    text-align: left;
    margin-bottom: 2em;
  }
  #gooddesign .img {
    gap: 1em;
  }
  #gooddesign .img > li {
    width: 100%;
  }

  #gooddesign .infoArea > li:first-child {
    width: 100%;
    margin-bottom: 3em;
  }
  #gooddesign .infoArea > li:last-child {
    width: 100%;
  }

  #gooddesign .ttl {
    font-size: 3.125vw;
    margin-bottom: 1.5em;
  }

  .summary li {
    font-size: 2.344vw;
  }
  .summary li > .cat {
    position: relative;
    width: 24%;
    padding-right: 3%;
    margin-right: 3%;
  }
  .summary li > .cat:after {
    content: '';
    position: absolute;
    top: 0.6em;
    right: 0;
    height: 3.385vw;
    border-right: 1px solid #595858;
    transform: rotate(30deg);
  }
  .summary li > .cat_txt {
    width: 70%;
  }

  #gooddesign .txt {
    font-size: 2.344vw;
  }
}

/* sp */
@media screen and (max-width: 430px) {
  #gooddesign {
    padding: 0 0 7em;
  }

  #gooddesign .ttlArea {
    padding: 1em 0;
  }

  #gooddesign .ttlArea > p {
    font-size: 4.673vw;
  }

  #gooddesign .mainCon {
    padding: 1em 1em 1em;
  }

  #gooddesign .gda_logo {
    width: 80%;
    margin: 0 auto 0em;
  }
  
  #gooddesign .main_txt {
    font-size: 3.734vw;
    margin-bottom: 2em;
  }
  #gooddesign .img {
    gap: 1em;
  }

  #gooddesign .infoArea > li:first-child {
    width: 100%;
    margin-bottom: 2em;
  }
  #gooddesign .infoArea > li:last-child {
    width: 100%;
  }

  #gooddesign .ttl {
    font-size: 4.673vw;
    margin-bottom: 1.5em;
  }

  .summary li {
    font-size: 3.271vw;
  }
  .summary li > .cat {
    position: relative;
    width: 22%;
    padding-right: 3%;
    margin-right: 3%;
  }
  .summary li > .cat:after {
    content: '';
    position: absolute;
    top: 0.6em;
    right: 0;
    height: 3.271vw;
    border-right: 1px solid #595858;
    transform: rotate(30deg);
  }
  .summary li > .cat_txt {
    width: 72%;
  }

  #gooddesign .txt {
    font-size: 3.271vw;
  }
}


/*---------------------*/
/*リンクボタン*/
/*---------------------*/
.btnArea {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
  margin-bottom: 10em;
}
.btn_item {
	width: 35%;
}
.btn_item a {
	transition: all .6s;
}
.btn_item a:hover {
	opacity: 0.6;
}



@media screen and (max-width: 768px) {
  .btnArea {
    margin-bottom: 8em;
  }
	.btn_item {
		width: calc((100% - 1em) / 2);
	}

  .btn_item {
		width: 70%;
	}
}



@media screen and (max-width: 430px) {
	.btnArea {
		display: block;
    margin-bottom: 7em;
	}
	.btn_item {
		width: 100%;
	}
	.btn_item:first-child {
		margin-bottom: 1em;
	}
}




/*---------------------*/
/*アフターサービス #after*/
/*---------------------*/
#after {
	padding: 0 0 10em;
}

#after .leadTxt > p span {
  display: inline-block;
  font-size: 20px;
  padding: 1em 0;
}

/*  */
#after .regulaWrap {
  width: 100%;
  margin: 0 auto;
  background: #f6f4ee;
  padding: 5em 0;
  margin-bottom: 6em;
}
#after .regulaWrap .text_Area {
  padding: 0;
  margin-bottom: 2em;
}
#after .regulaWrap .text_Area p.ttl {
  width: 100%;
  border-bottom: 1px solid #a79159;
  box-sizing: border-box;
  padding-bottom: 1em;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-align: center;
  color: #333;
}
#after .regulaWrap .text_Area p.txt {
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
  color: #333;
  letter-spacing: 0.1em;
  padding: 1em 0 0;
}
#after .regulaWrap .text_Area p.txt span.ref {
  font-size: 0.7em;
  vertical-align: top;
}
#after .regulaWrap .imageCap {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
#after .regulaWrap img {
  width: 100%;
}
#after .regulaWrap .cap {
  font-size: 12px;
  text-align: right;
  letter-spacing: 0.05em;
  margin-top: 0.3em;
}


/*  */
#after .longcomfort {
  width: 100%;
  margin: 0 auto;
}

#after .longcomfort ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#after .longcomfort ul li img {
  width: 100%;
}
#after .longcomfort ul li:first-child {
  width: 50%;
}
#after .longcomfort ul li:first-child p.ttl {
  font-size: 20px;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: left;
  padding-bottom: 1em;
}
#after .longcomfort ul li:first-child p.txt {
  font-size: 14px;
  line-height: 2.4;
  letter-spacing: 0.1em;
  text-align: left;
}

#after .longcomfort ul li:last-child {
  width:45%;
  border: 1px solid #b2b2b2;
  box-sizing: border-box;
}


/*  */
#after .longcomfort_con {
  padding: 6em 0 0;
  width: 100%;
  margin: 0 auto;
}

#after .longcomfort_con img {
  width: 100%;
}
#after .longcomfort_con .imageCap {
  width: 13%;
  margin: 0 auto 1.5em;
}

#after .longcomfort_con .text_Area {
  padding: 2em 0;
}

#after .longcomfort_con > .text_Area p.ttl {
  width: 100%;
  box-sizing: border-box;
  padding: 1em 0;
  color: #333;
  text-align: center;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.1em;
}
#after .longcomfort_con > .text_Area p.ttl.ttl_01 {
  background: #afceb2;
}
#after .longcomfort_con > .text_Area p.ttl.ttl_02 {
  background: #94abcf;
}
#after .longcomfort_con > .text_Area p.ttl.ttl_03 {
  background: #c6d5a0;
}

#after .longcomfort_con .text_Area p.txt {
  padding: 1em 0 0;
  color: #333;
  text-align: left;
  font-size: 14px;
  line-height: 2.4;
  letter-spacing: 0.1em;
}

#after .longcomfort_con .text_Area p.txt span.cap {
  display: inline-block;
  font-size: 12px;
  line-height: 1.4;
  padding-top: 1em;
}
#after .longcomfort_con .text_Area p.txt span.ref {
  font-size: 0.7em;
  vertical-align: top;
}


/*  */
#after .longcomfort_con .con01 ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 1em;
}

#after .longcomfort_con .con01 ul li {
  width: calc((100% - 3em) / 4);
  background: #ede9de;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: 22px;
}
#after .longcomfort_con .con01 ul li:last-child {
  background: none;
  padding: 0;
}

#after .longcomfort_con .con01 ul li div {
	width: 100%;
}


/*  */
#after .longcomfort_con .con02 {
  width: 100%;
  margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  align-items: center;
  padding: 0;
}

#after .longcomfort_con .con02 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  gap: 1em 0;
	width: 70%;
  padding: 0;
  margin: 0;
}

#after .longcomfort_con .con02 .imageCap {
	width: 25%;
  margin: 0 0 0 auto;
}

#after .longcomfort_con .con02 ul li {
	width: 49%;
	background: #ede9de;
	text-align: center;
	font-size: 22px;
  line-height: 1.6;
  letter-spacing: 0.1em;
	padding: 1em 0;
}


/*  */
#after .longcomfort_con .con03 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
  margin: 0;
  padding: 0;
}

#after .longcomfort_con .con03 ul li {
	width: 49%;
	background: #ede9de;
	padding: 2.5em;
}

#after .longcomfort_con .con03 .ttl {
	text-align: center;
	color: #333;
	border-bottom: 1px solid #231815;
	min-height: auto;
  font-size: 20px;
  letter-spacing: 0.1em;
  margin: 0;
  padding-bottom: 0.5em;
}

#after .longcomfort_con .con03 .box_p {
  text-align: left;
  color: #333;
  letter-spacing: 0.1em;
  line-height: 2;
  font-size: 14px;
  padding-top: 1em;
  margin-bottom: 2em;
}

#after .longcomfort_con .con03 .border_box {
	font-size: 14px;
	padding: 0.4em 0;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1.6;
	border: 1px solid #231815;
	margin-bottom: 2em;
}
#after .longcomfort_con .con03 .border_box.dif {
	margin-bottom: 1em;
}

#after .longcomfort_con .con03 .border_box b {
	font-size: 22px;
	font-weight: normal;
}

#after .longcomfort_con .con03 .imageCap {
  width: 100%;
}


/*  */
#after .BG {
  width: 100%;
  background: #f6f4ee;
  padding: 5em 0;
  margin: 5em 0 0;
}

#after .BG .longcomfort_con {
  padding: 0;
}

#after .longcomfort_con .text_Area {
  padding: 0;
}

#after .BG .longcomfort_con .text_Area p.ttl {
  width: 100%;
  border: none;
  border-bottom: 1px solid #a79159;
  padding: 0 0 1em ;
}

#after .BG .longcomfort_con .imageCap {
  width: 100%;
  margin: 0 auto;
  padding-top: 2em;
}

#after .BG .cap {
  padding-top: 1em;
  letter-spacing: 0.05em;
  text-align: right;
  font-size: 12px;
}



/* 1190 */
@media screen and (max-width: 1190px) {
  #after .longcomfort ul {
    width: 96%;
  }

  #after .longcomfort_con {
    width: 96%;
  }
}




/* 768 */
@media screen and (max-width: 768px) {
  #after .leadTxt {
    margin-bottom: 5em;
  }
  #after .leadTxt > p {
    text-align: justify;
  }
  #after .leadTxt > p span {
    display: inline-block;
    width: 100%;
    font-size: 3.406vw;
    padding: 1em 0;
    text-align: center;
  }


  /*  */
  #after .regulaWrap {
    padding: 4em 0;
    margin-bottom: 5em;
  }
  #after .regulaWrap .text_Area p.ttl {
    padding-bottom: 0.5em;
    /*font-size: 20px;*/
    font-size: 3.125vw;
    line-height: 1.4;
  }
  #after .regulaWrap .text_Area p.txt {
    /*font-size: 14px;*/
    font-size: 2.344vw;
    line-height: 1.8;
  }
  #after .regulaWrap .cap {
    font-size: 10px;
  }


  /**/
  #after .longcomfort ul li:first-child {
    width: 100%;
    padding-bottom: 2em;
  }
  #after .longcomfort ul li:first-child p.ttl {
    font-size: 3.125vw;
    text-align: center;
    padding-bottom: 0.5em;
  }
  #after .longcomfort ul li:first-child p.txt {
    font-size: 2.344vw;
    text-align: left;
  }

  #after .longcomfort ul li:last-child {
    width:100%;
  }


  /*  */
  #after .longcomfort_con .imageCap {
    width: 33%;
  }

  #after .longcomfort_con .text_Area p.ttl {
    padding: 1em 0;
    font-size: 3.125vw;
  }
  #after .longcomfort_con .text_Area p.txt {
    padding: 1em 0 0;
    font-size: 2.344vw;
  }
  #after .longcomfort_con .text_Area p.txt span.cap {
    font-size: 10px;
  }


  /*  */
  #after .longcomfort_con .con01 ul {
    align-items: flex-start;
    gap: 1em 0.5em;
  }

  #after .longcomfort_con .con01 ul li {
    width: calc((100% - 0.5em) / 2);
    font-size: 3.906vw;
    box-sizing: border-box;
  }

  #after .longcomfort_con .con01 ul li:nth-child(1) {
    padding: 2em 0;
  }
  #after .longcomfort_con .con01 ul li:nth-child(2) {
    padding: 2em 0;
  }
  #after .longcomfort_con .con01 ul li:nth-child(3) {
    padding: 1em 0;
  }


  /*  */
  #after .longcomfort_con .con02 {
    padding: 0;
    gap: 2em 0;
  }
  
  #after .longcomfort_con .con02 ul {
    gap: 1em 0;
    width: 100%;
  }
  
  #after .longcomfort_con .con02 .imageCap {
    width: 100%;
    margin: 0 auto;
  }
  
  #after .longcomfort_con .con02 ul li {
    width: 49%;
    font-size: 3.906vw;
    padding: 1em 0;
  }


  /*  */
  #after .longcomfort_con .con03 ul {
    gap: 3em 0;
  }

  #after .longcomfort_con .con03 ul li {
    width: 100%;
    padding: 2.5em;
  }

  #after .longcomfort_con .con03 .ttl {
    font-size: 3.646vw;
    padding-bottom: 0.5em;
  }

  #after .longcomfort_con .con03 .box_p {
    font-size: 3.125vw;
    padding-top: 1em;
    margin-bottom: 1em;
  }

  #after .longcomfort_con .con03 .border_box {
    font-size: 3.125vw;
    padding: 0.4em 0;
    margin-bottom: 2em;
  }
  #after .longcomfort_con .con03 .border_box.dif {
    margin-bottom: 0em;
  }

  #after .longcomfort_con .con03 .border_box b {
    font-size: 3.906vw;
  }


  /*  */
  #after .BG {
    padding: 5em 0;
    margin: 5em 0 0;
  }

  #after .BG .longcomfort_con .text_Area p.ttl {
    padding: 0 0 0.5em ;
  }

  #after .BG .longcomfort_con .imageCap {
    padding-top: 1em;
  }

  #after .BG .cap {
    font-size: 10px;
  }
}




/* 430 */
@media screen and (max-width: 430px) {
  #after {
    padding: 5em 0 0;
  }

  /*  */
  #after .leadTxt > p span {
    display: inline-block;
    font-size: 4.673vw;
    padding: 1em 0;
  }


  /*  */
  #after .regulaWrap {
    padding: 4em 0;
    margin-bottom: 4em;
  }
  #after .regulaWrap > .text_Area p.ttl {
    /*font-size: 20px;*/
    font-size: 4.673vw;
    line-height: 1.4;
  }
  #after .regulaWrap > .text_Area p.txt {
    /*font-size: 14px;*/
    font-size: 3.271vw;
    line-height: 1.8;
  }
  #after .regulaWrap > .cap {
    font-size: 10px;
  }


  /*  */
  #after .longcomfort ul li:first-child {
    width: 100%;
    padding-bottom: 1em;
  }
  #after .longcomfort ul li:first-child p.ttl {
    font-size: 4.673vw;
    padding-bottom: 1em;
  }
  #after .longcomfort ul li:first-child p.txt {
    font-size: 3.271vw;
  }


  /*  */
  #after .longcomfort_con {
    padding: 4em 0 0;
    width: 100%;
    margin: 0 auto;
  }

  #after .longcomfort_con .imageCap {
    width: 53%;
  }

  #after .longcomfort_con .text_Area {
    padding: 2em 0 1em;
  }

  #after .longcomfort_con .text_Area p.ttl {
    font-size: 3.472vw;
  }

  #after .longcomfort_con .text_Area p.txt {
    padding: 1em 0 0;
    font-size: 3.271vw;
  }

  #after .longcomfort_con .text_Area p.txt span.cap {
    font-size: 10px;
  }


  /*  */
  #after .longcomfort_con .con01 ul {
    width: 100%;
    align-items: flex-start;
    gap: 0.4em 0.4em;
    padding: 0;
  }

  #after .longcomfort_con .con01 ul li {
    width: calc((100% - 0.5em) / 2);
    font-size: 3.819vw;
  }


  /*  */
  #after .longcomfort_con .con02 {
    padding: 0;
    gap: 1em 0;
  }

  #after .longcomfort_con .con02 ul {
    gap: 0.5em 0;
    width: 100%;
  }

  #after .longcomfort_con .con02 ul li {
    width: 49%;
    font-size: 3.819vw;
    padding: 1em 0;
  }


  /*  */
  #after .longcomfort_con .con03 ul {
    gap: 2em 0;
  }

  #after .longcomfort_con .con03 ul li {
    width: 100%;
    padding: 2em 1em;
  }

  #after .longcomfort_con .con03 .ttl {
    font-size: 3.472vw;
    padding-bottom: 0.5em;
  }

  #after .longcomfort_con .con03 .box_p {
    font-size: 3.271vw;
    padding-top: 1em;
    margin-bottom: 2em;
  }

  #after .longcomfort_con .con03 .border_box {
    font-size: 3.271vw;
    padding: 0.4em 0;
    margin-bottom: 2em;
  }
  #after .longcomfort_con .con03 .border_box.dif {
    margin-bottom: 0em;
  }

  #after .longcomfort_con .con03 .border_box b {
    font-size: 3.819vw;
  }


  /*  */
  #after .BG {
    padding: 3em 0;
    margin: 3em 0 0;
  }

  #after .BG .longcomfort_con .imageCap {
    padding-top: 1em;
  }

  #after .BG .cap {
    padding-top: 1em;
    font-size: 10px;
  }
}




/*---------------------*/
/*管理サービス #management*/
/*---------------------*/
#management {
	padding: 0;
}
#management .tabLink {
  margin-bottom: 0;
  padding-bottom: 0;
}

#management .BG {
  width: 100%;
  background: #f6f4ee;
  padding: 5em 0;
  margin: 3em 0 0;
}

#management .management_con {
  width: 100%;
  margin: 0 auto;
}

/*  */
#management .management_con .ttl_Area .ttl {
  color: #333;
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 20px;
  padding-bottom: 1em;
}

#management .management_con .ttl_Area .txt {
  color: #333;
  line-height: 2.4;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 14px;
}

/*  */
#management .management_con .imageCap {
  width: 100%;
  margin: 0 auto;
}
#management .management_con .imageCap img {
  width: 100%;
}
#management .management_con .imageCap.con01_img {
  width: 40%;
  margin: 0 auto;
  padding: 5em 0 3em;
}
#management .management_con .imageCap.con02_img {
  background: #FFF;
  width: 100%;
  margin: 2em auto 0;
  padding: 3em 2em;
}
#management .management_con .imageCap.con02_img > .img {
  width: 80%;
  margin: auto;
}
#management .management_con .imageCap.con02_img > .img .cap {
  position: static;
  font-size: 12px;
  text-align: right;
  line-height: 1.3;
  padding: 0;
  margin-top: 0.5em;
}
#management .management_con .imageCap.con03_img {
  padding: 3em 0 0;
}

/*  */
#management .management_con .text_Area p.ttl {
  width: 100%;
  border-bottom: 1px solid #a79159;
  padding: 1em 0;
  color: #333;
  text-align: center;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.1em;
}

#management .management_con .text_Area p.txt {
  padding: 1em 0 0;
  color: #333;
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.1em;
}

#management .management_con .text_Area p.txt span.cap {
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  padding-top: 1em;
}

#management .management_con .text_Area p.txt span.ref {
  font-size: 0.7em;
  vertical-align: top;
}

/*  */
#management .management_con .text_Area ul {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}

#management .management_con .text_Area ul li:first-child {
  width: 50%;
}
#management .management_con .text_Area ul li:last-child {
  width: 45%;
}

#management .management_con .text_Area ul li p.ul_ttl {
  padding: 1em 0 0;
  color: #8e7949;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-size: 18px;
}

#management .management_con .text_Area ul li p.ul_txt {
  padding: 0.5em 0 0;
  color: #333;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-size: 14px;
}


/*  */
#management .con2 {
  padding: 5em 0 0;
}


/*  */
#management .management_con.con04 {
  padding: 5em 0 0;
}

#management .management_con.con04 .fl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#management .management_con.con04 .fl .txtWrap {
  width: 725px;
}
#management .management_con.con04 p.txt span.cap {
  display: inline-block;
  font-size: 12px;
  line-height: 1.8;
  padding-top: 1em;
}
#management .management_con.con04 .fl .img {
  width: 417px;
}
#management .management_con.con04 .fl .img img {
  width: 100%;
}

#management .management_con .img_Area {
  width: 100%;
  margin: 3em auto 0;
  padding: 2em 3em;
  border: 1px solid #a79159;
  box-sizing: border-box;
}

#management .management_con .img_Area ul {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

#management .management_con .img_Area ul li svg {
  width: 100%;
}

#management .management_con .img_Area ul li:first-child {
  width: 50%;
}
#management .management_con .img_Area ul li .caption {
  padding: 2em 0 0;
  color: #333;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: 12px;
}

#management .management_con .img_Area ul li:last-child {
  width: 45%;
}


/* 1190 */
@media screen and (max-width: 1190px) {
  #management .management_con {
    width: 96%;
  }
}



/* 768 */
@media screen and (max-width: 768px) {
  #management .BG {
    padding: 5em 0;
    margin: 5em 0 0;
  }

  /*  */

  #management .BG {
    width: 100%;
    background: #f6f4ee;
    padding: 4em 0;
    margin: 3em 0 0;
  }

  /*  */
  #management .management_con .ttl_Area .ttl {
    font-size: 4.673vw;
    padding-bottom: 1em;
  }

  #management .management_con .ttl_Area .txt {
    font-size: 3.125vw;
    text-align: justify;
  }

  /*  */
  #management .management_con .imageCap {
    width: 100%;
  }

  #management .management_con .imageCap.con01_img {
    width: 78%;
    margin: 0 auto;
    padding: 5em 0 3em;
  }
  #management .management_con .imageCap.con02_img {
    margin: 2em auto 0;
    padding: 2em 0;
  }
  #management .management_con .imageCap.con02_img > .img {
    width: 90%;
    margin: auto;
  }
  #management .management_con .imageCap.con02_img > .img .cap {
    font-size: 10px;
  }

  /*  */
  #management .management_con .text_Area p.ttl {
    padding: 1em 0;
    font-size: 3.646vw;
  }

  #management .management_con .text_Area p.txt {
    padding: 1em 0 0;
    color: #333;
    text-align: left;
    font-size: 3.125vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }

  #management .management_con .text_Area p.txt span.cap {
    display: inline-block;
    font-size: 10px;
    line-height: 1.2;
    padding-top: 1em;
  }

  /*  */
  #management .management_con .text_Area ul li:first-child {
    width: 100%;
  }
  #management .management_con .text_Area ul li:last-child {
    width: 100%;
  }

  #management .management_con .text_Area ul li p.ul_ttl {
    padding: 1em 0 0;
    text-align: left;
    font-size: 3.385vw;
  }

  #management .management_con .text_Area ul li p.ul_txt {
    padding: 0.5em 0 0;
    text-align: left;
    font-size: 2.865vw;
  }


  #management .management_con.con04 {
    padding: 5em 0 0;
  }

  #management .management_con .img_Area {
    width: 100%;
    margin: 3em auto 0;
    padding: 2em 3em;
    border: 1px solid #a79159;
    box-sizing: border-box;
  }

  #management .management_con .img_Area ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }

  #management .management_con .img_Area ul li svg {
    width: 100%;
  }

  #management .management_con .img_Area ul li:first-child {
    width: 50%;
  }
  #management .management_con .img_Area ul li .caption {
    padding: 2em 0 0;
    color: #333;
    text-align: left;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-size: 10px;
  }

  #management .management_con .img_Area ul li:last-child {
    width: 45%;
  }


  /*  */
  #management .management_con.con04 {
    padding: 5em 0 0;
  }

  #management .management_con.con04 .fl {
    row-gap: 2em;
  }
  #management .management_con.con04 .fl .txtWrap {
    width: 100%;
  }
  #management .management_con.con04 p.txt span.cap {
    font-size: 10px;
    line-height: 1.8;
  }
  #management .management_con.con04 .fl .img {
    width: 80%;
    margin: auto;
  }

  #management .management_con .img_Area {
    width: 100%;
    margin: 3em auto 0;
    padding: 2em 3em;
    border: 1px solid #a79159;
    box-sizing: border-box;
  }

  #management .management_con .img_Area ul {
    gap: 2em 0;
  }

  #management .management_con .img_Area ul li:first-child {
    width: 100%;
  }

  #management .management_con .img_Area ul li .caption {
    font-size: 10px;
  }

  #management .management_con .img_Area ul li:last-child {
    width: 100%;
  }
}



/* 430 */
@media screen and (max-width: 430px) {
  #management {
    padding: 5em 0 0;
  }

  #management .BG {
    padding: 3em 0;
    margin: 3em 0 0;
  }

  /*  */
  #management .management_con .ttl_Area .ttl {
    font-size: 4.673vw;
    padding-bottom: 1em;
  }

  #management .management_con .ttl_Area .txt {
    font-size: 3.271vw;
  }

  /*  */
  #management .management_con .imageCap {
    width: 100%;
  }

  #management .management_con .imageCap.con01_img {
    width: 98%;
    margin: 0 auto;
    padding: 2em 0 1em;
  }
  #management .management_con .imageCap.con03_img {
    padding: 1em 0 0;
  }

  /*  */
  #management .management_con .text_Area p.ttl {
    padding: 1em 0;
    font-size: 3.472vw;
  }

  #management .management_con .text_Area p.txt {
    padding: 1em 0 0;
    color: #333;
    text-align: left;
    font-size: 3.271vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }

  #management .management_con .text_Area p.txt span.cap {
    display: inline-block;
    font-size: 10px;
    line-height: 1.2;
    padding-top: 1em;
  }

  /*  */
  #management .management_con .text_Area ul li:first-child {
    width: 100%;
  }
  #management .management_con .text_Area ul li:last-child {
    width: 100%;
  }

  #management .management_con .text_Area ul li p.ul_ttl {
    padding: 1em 0 0;
    text-align: left;
    font-size: 4.206vw;
  }

  #management .management_con .text_Area ul li p.ul_txt {
    padding: 0.5em 0 0;
    text-align: left;
    font-size: 3.271vw;
  }


  /*  */
  #management .con2 {
    padding: 3em 0 0;
  }


  /*  */
  #management .management_con.con04 {
    padding: 3em 0 0;
  }

  #management .management_con.con04 .fl {
    row-gap: 1em;
  }
  #management .management_con.con04 .fl .txtWrap {
    width: 100%;
  }
  #management .management_con.con04 .fl .img {
    width: 100%;
    margin: auto;
  }
  
  #management .management_con .img_Area {
    width: 100%;
    margin: 2em auto 0;
    padding: 1em 1em;
    border: 1px solid #a79159;
    box-sizing: border-box;
  }
  
  #management .management_con .img_Area ul {
    gap: 2em 0;
  }

  #management .management_con .img_Area ul li:first-child {
    width: 100%;
  }

  #management .management_con .img_Area ul li .caption {
    font-size: 10px;
  }

  #management .management_con .img_Area ul li:last-child {
    width: 100%;
  }
}