@charset "UTF-8";
.fv {
  z-index:3;
  position:relative;
}
/*----------------------------------------------------
  about
----------------------------------------------------*/
.about-wrap {
  overflow:hidden;
}
.about {
  width:100%;
  height:auto;
  padding:150px 0 0 0;
  margin-bottom:200px;
  background:#f1eee9;
  position:relative;
}
.about::after {
  display:block;
  content:'';
  width:100%;
  height: 62.5%;
  background:url('../img/common/bg-sep.svg');
  background-size:cover;
  background-position:center bottom;
  position:absolute;
  bottom:-200px;
  left:0;
}
.about__body {
  width:90%;
  max-width:1280px;
  margin:0 auto;
  position:relative;
  z-index:3;
}
.about-top {
  width:45%;
  margin:0 auto 60px auto;
  mix-blend-mode:multiply;
}
.about-col {
  width:100%;
  display:flex;
  justify-content:space-around;
  align-items:flex-start;
}
.about-imgWrap {
  width:37.5%;
  position:relative;
}
.about-imgWrap > span {
  display:block;
  width:160px;
  height:160px;
  background:rgba(0,0,0,.1);
  position:absolute;
  top:calc(100% - 80px);
  left:-80px;
}
.about-img {
  width:100%;
  height:auto;
  overflow:hidden;
}
.about-inner {
  width:50%;
  margin-top:50px;
  text-align:justify;
}
.about-ttl {
  display:flex;
  flex-direction:column-reverse;
  align-items:flex-start;
  line-height:1.4;
  margin-bottom:20px;
}
.about-ttl > h2 {
  width:100%;
  font-size:1rem;
  font-weight:normal;
  display:flex;
  align-items:center;
}
.about-ttl > h2::after {
  display:block;
  content:'';
  flex:1;
  border-top:1px solid #ccc;
  margin-left:5px;
}

.about-lead {
  font-size:2.8rem;
  font-family:"Shippori Mincho B1", serif;
  font-weight:500;
  line-height:1.8;
  font-style:normal;
  color:#201F1E;
  margin-bottom:20px;
}
.about-txt {
  width:100%;
  color:#7F7D7C;
}
.about-txt > p:not(:last-child) {
  margin-bottom:14px;
}
.about-bg {
  width:100%;
  height:auto;
  position:absolute;
  top:0;
  left:0;
  mix-blend-mode:multiply;
  opacity:.8;
  z-index:2;
}
.about-bg2 {
  width:100%;
  height:auto;
  position:absolute;
  top:0;
  left:0;
  mix-blend-mode:color-dodge;
  z-index:2;
}
/*----------------------------------------------------
  greeting
----------------------------------------------------*/
.greeting {
  width:100%;
  height:auto;
  padding:100px 0;
  position:relative;
}
.greeting__body {
  width:90%;
  max-width:1280px;
  margin:0 auto;
  position:relative;
  z-index:3;
}
.greeting-col {
  width:100%;
  height:auto;
  display:flex;
  justify-content:space-between;
}
.greeting-colWrap .greeting-col {
  margin-bottom:100px;
}
.greeting-col:not(:last-child) {
  margin-bottom:100px;
}
.greeting-img {
  width:45%;
}
.greeting-inner {
  width:45%;
}
.greeting-img2 {
  width:35%;
}
.greeting-img2__inner {
  width:100%;
  overflow:hidden;
}
.greeting-img2__inner picture,
.greeting-img2__inner img {
  width:100%;
}
.greeting-inner2 {
  width:60%;
}
.greeting-inner__ttl {
  display:flex;
  flex-direction:column;
  margin-bottom:20px;
}
.greeting-inner__ttl > h3 {
  font-size:2.4rem;
  font-family: "Shippori Mincho B1", serif;
  line-height:1.2;
}
.greeting-inner__ttl > p {
  display:flex;
  align-items:center;
  font-family: "Shippori Mincho B1", serif;
  color:#9C6926;
  background: linear-gradient(to right, #9C6926 0%, #B7822E 25%, #CA8540 50%, #E0AF3E 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.greeting-inner__ttl > p::after {
  display:block;
  content:'';
  flex:1;
  border-top:1px solid #ccc;
  margin-left:10px;
}
.greeting-inner__ttl > p > span {
  font-family:"Cormorant Garamond", serif;
  font-style:normal;
  font-size:1.8rem;
  margin-right:5px;
}
.greeting-box {
  width:100%;
  height:auto;
  padding:20px 30px;
  box-sizing:border-box;
  background:#FCFCFB;
  margin-bottom:40px;
}
.greeting-box > h3 {
  font-size:1.4rem;
}
.greeting-box > table {
  width:100%;
  font-size:1.3rem;
  border-collapse:collapse;
  border:1px solid #eee;
}
.greeting-box > table th {
  background:#f1eee9; 
}
.greeting-box > table th,
.greeting-box > table td {
  padding:2.5px 10px;
}
.greeting-box > table tr > td br {
  display:none;
}
.greeting-box > table tr > td:first-child {
  font-weight:bold;
  background:#F7F5F3;
}
.greeting-box > table tr > th:not(:first-child),
.greeting-box > table tr > td:not(:first-child) {
  border-left:1px solid #eee;
}
.greeting-box > table tr > td:not(:first-child) {
  background:#fff;
}
.greeting-box > table tr:not(:last-child) {
  border-bottom:1px solid #eee;
}
.greeting-box > table tr > th:nth-of-type(2) {
  width:auto;
  min-width:50px!important;
  text-align: center!important;
  box-sizing:border-box;
}
.greeting-box > p {
  font-size:1.2rem;
  text-align:right;
  color:#545454;
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
  /*---about---*/
  .about-top {
    width:70%;
  }
  .about__body {
    width:65%;
  }
  .about-col {
    flex-direction:column;
  }
  .about-imgWrap {
    width:75%;
    margin-left:auto;
    margin-right:auto;
  }
  .about-inner {
    width:100%;
  }
  /*---greeting---*/
  .greeting__body {
    width:65%;
  }
  .greeting-col {
    flex-direction:column;
  }
  .greeting-col:last-child {
    flex-direction:column-reverse;
  }
  .greeting-img,
  .greeting-img2 {
    width:100%;
    margin-bottom:30px;
  }
  .greeting-col:last-child .greeting-inner2 {
    margin-bottom:30px;
  }
  .greeting-inner,
  .greeting-inner2 {
    width:100%;
  }
  .greeting-box {
    padding:0;
    background:none;
  }
}
@media screen and (max-width:896px) {
  /*---about---*/
  .about-top {
    width:70%;
  }
  .about__body {
    width:70%;
  }
  /*---greeting---*/
  .greeting__body {
    width:70%;
  }
}
@media screen and (max-width:786px) {
   /*---about---*/
   .about-top {
    width:70%;
  }
  .about__body {
    width:80%;
  }
  /*---greeting---*/
  .greeting__body {
    width:80%;
  }
}
@media screen and (max-width:680px) {
  /*---about---*/
  .about__body {
    width:85%;
  }
  /*---greeting---*/
  .greeting__body {
    width:85%;
  }
}
@media screen and (max-width:480px) {
  /*---about---*/
  .about {
    padding-top:100px;
    margin-bottom:100px;
  }
  .about::after {
    display:block;
    content:'';
    width:100%;
    height:8%;
    background:url('../img/common/bg-sep__sp.svg');
    background-size:cover;
    background-position:center bottom;
    position:absolute;
    bottom:-75px;
    left:0;
  }
  .about-top {
    width:95%;
  }
  .about-imgWrap {
    width:95%;
  }
  .about-imgWrap > span {
    width:120px;
    height:120px;
    top:calc(100% - 60px);
    left:-60px;
  }
  .about-lead {
    font-size:2rem;
    line-height:1.8;
  }
  /*---greeting---*/
  .greeting {
    padding:50px 0 80px 0;
  }
  .greeting-ttl {
    margin-bottom:30px;
  }
  .greeting-ttl > p {
    font-size:3.4rem;
  }
  .greeting-colWrap .greeting-col,
  .greeting-col:not(:last-child) {
    margin-bottom:50px;
  }
  .greeting-box > table {
    font-size:1.1rem;
  }
  .greeting-box > table th,
  .greeting-box > table td {
    padding:5px 5px;
    box-sizing:border-box;
    line-height:1.6;
  }
  .greeting-box > table th:first-child {
    width:120px;
  }
  .greeting-box > table th:nth-child(2) {
    width:50px;
  }
  .greeting-box > table tr > td br {
    display:block;
  }
  .greeting-box > table tr > td:nth-child(2) {
    text-align:center;
  }
  .greeting-box > p {
    font-size:1rem;
  }
  .greeting-inner__ttl {
    margin-bottom:14px;
  }
  .greeting-inner__ttl > h3 {
    font-size:2rem;
  }
}