@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 10, page_about.scss */
#conceptSec { margin-top: 5em; position: relative; }
/* line 11, page_about.scss */
#conceptSec::after { content: ""; width: 40%; height: 100%; background: url("../img/conceptBg.webp") no-repeat; position: absolute; top: 0; right: 0; background-size: cover; z-index: 0; }
/* line 12, page_about.scss */
#conceptSec .wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0px 0 30px; }
/* line 13, page_about.scss */
#conceptSec .wrapper .text { text-align: left; width: 650px; }
/* line 14, page_about.scss */
#conceptSec .wrapper .text .tit { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; }
/* line 15, page_about.scss */
#conceptSec .wrapper .text .tit span { font-family: "Cormorant Infant", serif; font-size: 56px; letter-spacing: .15em; position: relative; }
/* line 16, page_about.scss */
#conceptSec .wrapper .text .tit span::after { content: ""; width: 1px; height: 50px; background: #464344; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; transform: rotate(30deg) translateY(-50%); left: calc(100% + .15em); margin-top: -.05em; }
/* line 18, page_about.scss */
#conceptSec .wrapper .text .tit em { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 20px; letter-spacing: .15em; margin-left: 3em; }
/* line 21, page_about.scss */
#conceptSec .wrapper .text .t { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 26px; letter-spacing: .15em; -webkit-text-stroke-width: .15px; margin-top: 1em; }
/* line 23, page_about.scss */
#conceptSec .wrapper .phWrap { width: calc(100% - 690px); display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 3em; position: relative; z-index: 5; }
/* line 24, page_about.scss */
#conceptSec .wrapper .phWrap .ph { border-radius: 50%; }
/* line 25, page_about.scss */
#conceptSec .wrapper .phWrap .ph.ph01 { width: 315px; order: 1; margin-top: -5em; }
/* line 26, page_about.scss */
#conceptSec .wrapper .phWrap .ph.ph02 { width: 265px; order: 0; margin-left: auto; margin-right: -3em; }

@media only screen and (max-width: 750px) { /* line 34, page_about.scss */
  #conceptSec { margin-top: 3em; padding-bottom: 120px; }
  /* line 35, page_about.scss */
  #conceptSec::after { width: 100%; height: 100%; background: url("../img/conceptBgSp.webp") no-repeat bottom -16% center; position: absolute; top: auto; bottom: 0; right: 0; background-size: 100% auto; z-index: 0; opacity: .5; }
  /* line 36, page_about.scss */
  #conceptSec .wrapper { padding: 0px 0 0px; position: relative; z-index: 5; display: flex; flex-direction: column; flex-wrap: wrap; }
  /* line 37, page_about.scss */
  #conceptSec .wrapper .text { width: 100%; padding: 0 6.5%; /*.tit { justify-content: center;
span { font-family: $en; font-size: 36px; letter-spacing: .15em; position: relative;
&::after{ height: 36px; left: calc(100% + .075em); margin-top: -.05em;}
}
em { font-size: 18px; letter-spacing: .15em; margin-left: 1.5em;}
}*/ }
  /* line 44, page_about.scss */
  #conceptSec .wrapper .text .tit { justify-content: center; display: flex; flex-direction: column; flex-wrap: wrap; margin-bottom: 250px; }
  /* line 45, page_about.scss */
  #conceptSec .wrapper .text .tit span { font-family: "Cormorant Infant", serif; font-size: 32px; line-height: 1.6; letter-spacing: .15em; position: relative; }
  /* line 46, page_about.scss */
  #conceptSec .wrapper .text .tit span::after { display: none; }
  /* line 48, page_about.scss */
  #conceptSec .wrapper .text .tit em { font-size: 18px; line-height: 1.8; letter-spacing: .15em; margin-left: 0em; }
  /* line 51, page_about.scss */
  #conceptSec .wrapper .text .t { font-size: 24px; line-height: 1.6; letter-spacing: .15em; margin-top: 1em; margin-bottom: 1em; }
  /* line 53, page_about.scss */
  #conceptSec .wrapper .phWrap { width: 275px; margin: 0 auto 0; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 6.5em; }
  /* line 55, page_about.scss */
  #conceptSec .wrapper .phWrap .ph.ph01 { width: 160px; margin-top: -6em; }
  /* line 56, page_about.scss */
  #conceptSec .wrapper .phWrap .ph.ph02 { width: 140px; margin-left: auto; margin-right: 0; } }
/* line 65, page_about.scss */
#ownerprofile { background: #fff; max-width: 1020px; margin: 4em auto; padding: 2.5em 2.5em; border: 1px solid rgba(143, 141, 141, 0.75); box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; }
/* line 66, page_about.scss */
#ownerprofile .phWrap { width: 240px; position: relative; align-self: stretch; }
/* line 67, page_about.scss */
#ownerprofile .phWrap .nameWrap { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; bottom: 0; color: #fff; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; background: linear-gradient(0deg, #464344 0%, rgba(70, 67, 68, 0) 100%); }
/* line 68, page_about.scss */
#ownerprofile .phWrap .nameWrap span { font-size: 13px; }
/* line 69, page_about.scss */
#ownerprofile .phWrap .nameWrap em { width: 165px; }
/* line 71, page_about.scss */
#ownerprofile .phWrap .ph { width: 100%; height: 100%; position: relative; }
/* line 72, page_about.scss */
#ownerprofile .phWrap .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; }
/* line 75, page_about.scss */
#ownerprofile .text { width: calc(100% - 280px); text-align: left; display: flex; flex-direction: column; flex-wrap: wrap; }
/* line 76, page_about.scss */
#ownerprofile .text .ttl { line-height: 1.5; margin-top: -1em; border-bottom: 1px dashed rgba(143, 141, 141, 0.5); padding-bottom: .75em; margin-bottom: 1.25em; }
/* line 77, page_about.scss */
#ownerprofile .text .ttl span { font-family: "Cormorant Infant", serif; font-size: 32px; letter-spacing: .15em; }
/* line 78, page_about.scss */
#ownerprofile .text .ttl em { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 16px; letter-spacing: .15em; margin-left: 2em; }
/* line 80, page_about.scss */
#ownerprofile .text .read { font-size: 15px; letter-spacing: -.015em; line-height: 2; }
/* line 81, page_about.scss */
#ownerprofile .text ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; margin-top: 1.5em; }
/* line 82, page_about.scss */
#ownerprofile .text ul.listWrap li { width: calc(100% / 3 - 15px); }

@media only screen and (max-width: 750px) { /* line 90, page_about.scss */
  #ownerprofile { max-width: 90%; margin: -3em auto; padding: 1.25em 1.5em 1.5em; position: relative; z-index: 10; display: flex; flex-direction: column; flex-wrap: wrap; flex-direction: column-reverse; }
  /* line 91, page_about.scss */
  #ownerprofile .phWrap { width: 100%; margin: 15px auto 0; }
  /* line 93, page_about.scss */
  #ownerprofile .phWrap .nameWrap span { font-size: 15px; }
  /* line 94, page_about.scss */
  #ownerprofile .phWrap .nameWrap em { width: 165px; }
  /* line 96, page_about.scss */
  #ownerprofile .phWrap .ph { width: 100%; height: 0; padding-top: 120%; }
  /* line 100, page_about.scss */
  #ownerprofile .text { width: 100%; }
  /* line 101, page_about.scss */
  #ownerprofile .text .ttl { line-height: 1.5; margin-top: 0em; padding-bottom: 1.25em; margin-bottom: 1.5em; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; width: 100%; }
  /* line 102, page_about.scss */
  #ownerprofile .text .ttl span { font-size: 26px; }
  /* line 103, page_about.scss */
  #ownerprofile .text .ttl em { font-size: 16px; margin-left: 0em; }
  /* line 105, page_about.scss */
  #ownerprofile .text .read { font-size: 15px; line-height: 2; letter-spacing: -.05em; }
  /* line 106, page_about.scss */
  #ownerprofile .text ul.listWrap { width: 100%; margin-top: 1.5em; }
  /* line 107, page_about.scss */
  #ownerprofile .text ul.listWrap li { width: calc(100% / 2 - 7.5px); }
  /* line 108, page_about.scss */
  #ownerprofile .text ul.listWrap li:nth-of-type(1) { width: 100%; margin-bottom: 15px; } }
/* line 118, page_about.scss */
#companySec { margin-top: 5.5em; background: url("../img/bg01.webp"); }
/* line 119, page_about.scss */
#companySec .wrapper { padding: 60px 0 90px; }
/* line 120, page_about.scss */
#companySec .wrapper .logo { width: 150px; margin: 0 auto 5em; }
/* line 121, page_about.scss */
#companySec .wrapper .tit { position: relative; margin: 0 auto 4em; }
/* line 122, page_about.scss */
#companySec .wrapper .tit em { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 26px; letter-spacing: .15em; position: relative; z-index: 5; }
/* line 123, page_about.scss */
#companySec .wrapper .tit span { font-family: "Cormorant Infant", serif; font-size: 117px; letter-spacing: .15em; line-height: 1; color: #fff; opacity: .8; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; }
/* line 125, page_about.scss */
#companySec .wrapper table { width: 53%; margin: auto; text-align: left; }
/* line 128, page_about.scss */
#companySec .wrapper table tbody tr th, #companySec .wrapper table tbody tr td { font-size: 18px; line-height: 1.8; padding: .25em 0; }
/* line 129, page_about.scss */
#companySec .wrapper table tbody tr th { width: 130px; border-right: 1px solid rgba(143, 141, 141, 0.75); }
/* line 130, page_about.scss */
#companySec .wrapper table tbody tr td { padding-left: 3em; }

@media only screen and (max-width: 750px) { /* line 140, page_about.scss */
  #companySec { margin-top: 8em; }
  /* line 141, page_about.scss */
  #companySec .wrapper { padding: 60px 0 60px; }
  /* line 142, page_about.scss */
  #companySec .wrapper .logo { width: 120px; margin: 0 auto 4em; }
  /* line 143, page_about.scss */
  #companySec .wrapper .tit { margin: 0 auto 1em; }
  /* line 144, page_about.scss */
  #companySec .wrapper .tit em { font-size: 24px; }
  /* line 145, page_about.scss */
  #companySec .wrapper .tit span { font-size: 15vw; opacity: .8; white-space: nowrap; margin-top: -.65em; }
  /* line 147, page_about.scss */
  #companySec .wrapper table { width: 86%; }
  /* line 149, page_about.scss */
  #companySec .wrapper table tbody tr { /*th, td { font-size: 15px; padding: .25em 0;}
th { width: 100px; border-right: 1px solid rgba($bdC, .75);}
td { padding-left: 1em;}*/ }
  /* line 153, page_about.scss */
  #companySec .wrapper table tbody tr th, #companySec .wrapper table tbody tr td { font-size: 15px; padding: .25em 0; display: block; }
  /* line 154, page_about.scss */
  #companySec .wrapper table tbody tr th { width: 100%; border-right: none; border-bottom: 1px solid rgba(143, 141, 141, 0.5); }
  /* line 155, page_about.scss */
  #companySec .wrapper table tbody tr td { width: 100%; padding-left: 1em; padding-bottom: 1em; font-size: 16px; } }
/* line 166, page_about.scss */
#gallerySec { margin: 5.5em auto 0; max-width: 1200px; }
/* line 167, page_about.scss */
#gallerySec .tit { display: flex; flex-direction: column; flex-wrap: wrap; margin: 0 auto 2.5em; }
/* line 168, page_about.scss */
#gallerySec .tit span { font-family: "Cormorant Infant", serif; font-size: 60px; line-height: 1.5; letter-spacing: .15em; }
/* line 169, page_about.scss */
#gallerySec .tit em { font-family: "YakuHanMP", "Hina Mincho", serif; font-size: 20px; line-height: 1.5; letter-spacing: .15em; }
/* line 171, page_about.scss */
#gallerySec ul.listWrap { display: flex; justify-content: flex-start; flex-wrap: wrap; column-gap: 30px; grid-row-gap: 33px; }
/* line 172, page_about.scss */
#gallerySec ul.listWrap li { width: 216px; }

@media only screen and (max-width: 750px) { /* line 181, page_about.scss */
  #gallerySec { margin: 4em auto 0; max-width: 100%; padding: 0 5px; }
  /* line 182, page_about.scss */
  #gallerySec .tit { margin: 0 auto 2em; }
  /* line 183, page_about.scss */
  #gallerySec .tit span { font-size: 36px; }
  /* line 184, page_about.scss */
  #gallerySec .tit em { font-size: 18px; }
  /* line 186, page_about.scss */
  #gallerySec ul.listWrap { column-gap: 5px; grid-row-gap: 5px; }
  /* line 187, page_about.scss */
  #gallerySec ul.listWrap li { width: calc(50% - 5px); } }