@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&family=Noto+Sans+JP:wght@300;400;500&family=Noto+Serif+JP:wght@400;500&display=swap');

#sub-column {
    display: none;
}

#main-column {
    width: 100%;
}

#contents {
    width: 100%;
    padding: 0;
}

div#bread-crumb {
    display: none;
}

div#Journal>h1 {
    display: none;
}

div#Journal article>h2 {
    display: none;
}

h1 {}

.state_r {
    display: none;
}

.about-page { color:#383838; background:#fff; font-family:'Noto Sans JP',sans-serif; font-weight:300; line-height:2; overflow:hidden; }
.about-page *, .about-page *::before, .about-page *::after { box-sizing:border-box; }
.about-page img { display:block; width:100%; height:auto; }
.about-hero { position:relative; height:430px; overflow:hidden; }
.about-hero picture,.about-hero picture img { width:100%; height:100%; }
.about-hero picture img { object-fit:cover; }
.about-hero__shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.5)); }
.about-hero__copy { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; text-align:center; transform:translateY(18px); }
.about-hero__copy span,.about-label span,.about-card>div>span {font-family:'Cardo',serif;letter-spacing: .2em;font-weight: 400;}
.about-hero__copy span {font-size: 16px;}
.about-hero__copy h1 {margin: 0;color:#fff;font-family:'Noto Serif JP',serif;font-size: 50px;font-weight:400;letter-spacing:.08em;line-height:1.4;border: none;}
.about-container { width:min(1200px,calc(100% - 48px)); margin:0 auto; }
.about-section { padding:100px 0; }
.about-origin,.about-material,.about-vision { display:grid; grid-template-columns:500px 1fr; gap:70px; align-items:center; }
.about-origin { padding-top:105px; }
.about-origin__image small {display:block;padding-top:8px;color: #b8b8b8;font-family:'Cardo',serif;font-size:12px;font-style:italic;text-align:right;letter-spacing: 0.05em;}
.about-label { position:relative; display:flex; flex-direction:column; padding-left:70px; line-height:1.45; }
.about-label::before {content:"";position:absolute;top: 28px;left:0;width:48px;height:1px;background:#c8c2b9;}
.about-label span { color:#bea987; font-size:20px; }
.about-label small {margin-top:2px;font-size:14px;font-weight:300;letter-spacing:.06em;font-family: 'Noto Serif JP', serif;}
.about-section h2 {margin:42px 0 35px;font-family:'Noto Serif JP',serif;font-size:32px;font-weight:400;line-height:1.85;letter-spacing: .1em !important;}
.about-section p {margin:0 0 28px;font-size: 17px;letter-spacing: .04em;line-height: 220%;}
.about-divider {position:relative;height:1px;background: #e5e5e5;}
.about-divider span {position:absolute;left:50%;top:50%;display:block;width:34px;padding: 0;background:#fff;transform:translate(-50%,-50%);}
.about-divider span img {display:block;width: 33px;height: 23px;object-fit:contain;}
.about-material { grid-template-columns:1fr 500px; gap:105px; align-items:start; }
.about-material__body { padding-top:5px; }
.about-material h2 { margin-top:50px; }
.about-material h3 { margin:45px 0 18px; font-family:'Noto Serif JP',serif; font-size:24px; font-weight:400; letter-spacing:.05em; }
.about-thought picture img { aspect-ratio:12/5; object-fit:cover; }
.about-thought__body { max-width:930px; margin:68px auto 0; text-align:center; }
.about-label--center { display:block; padding:0; text-align:center; }
.about-label--center::before { display:none; }
.about-thought h2 { margin:25px 0 38px; }
.about-thought__lead {margin-top:45px!important;font-family:'Noto Serif JP',serif;font-size: 26px!important;letter-spacing:.08em!important;}
.about-business>.about-label { width:max-content; }
.about-business>h2 {/* margin-left:360px; *//* margin-bottom:62px; */text-align: center;margin: 42px 0 50px;}
.about-business__grid { display:grid; grid-template-columns:1fr 1fr; gap:38px; }
.about-card { background:#f8f6f1; }
.about-card>picture img,.about-card>img { aspect-ratio:580/400; object-fit:cover; }
.about-card>div { padding:36px 38px 42px; }
.about-card>div>span { color:#aa9473; font-size:17px; }
.about-card h3 {margin: 3px 0 15px;font-family:'Noto Serif JP',serif;font-size: 24px;font-weight:400;letter-spacing: 0.05em;}
.about-card p {margin-bottom:12px;font-size: 17px;}
.about-card a {display:inline-flex;align-items:center;gap: 7px;color:#6d6255;font-size: 16px;border-bottom:1px solid #8e806c;text-decoration:none;letter-spacing: 0.08em;font-weight: 400;}
.about-card a img {width: 18px;height: 18px;object-fit:contain;}
.about-vision { grid-template-columns:1fr 500px; gap:105px; align-items:start; padding-bottom:120px; }
.about-vision__body { padding-top:15px; }
.about-vision ul { margin:-12px 0 27px; padding:0; list-style:none; }
.about-vision li { position:relative; padding-left:18px; font-size:15px; line-height:2; }
.about-vision li::before {content:"";position:absolute;left:0;top: 12px;width: 8px;height: 8px;border-radius:50%;background: #dfd3c3;}
.about-reveal { opacity:0; transform:translateY(40px); transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1); }
.about-reveal.is-visible { opacity:1; transform:none; }

@media (max-width:767px) {
  .about-page { line-height:1.9; }
  .about-hero {height: 190px;}
  .about-hero__copy { transform:none; }
  .about-hero__copy span { font-size:13px; }
  .about-hero__copy h1 {margin-top: 2px;font-size: 24px;padding: 0;}
  .about-container {width: 90%;}
  .about-section {padding: 40px 0;}
  .about-origin,.about-material,.about-vision {display:flex;flex-direction:column;gap: 40px;}
  .about-origin__image { width:100%; }
  .about-origin__image picture img,.about-material>picture img { aspect-ratio:15/7; object-fit:cover; }
  .about-origin__body,.about-material__body,.about-vision__body { width:100%; padding:0; }
  .about-label { padding-left:48px; }
  .about-label::before { top:12px; width:34px; }
  .about-label span { font-size:17px; }
  .about-label small { font-size:12px; }
  .about-section h2 {margin:28px 0 25px;font-size: 19px;line-height:1.75;}
  .about-section p {margin-bottom: 0;font-size:14px;}
  .about-material { flex-direction:column-reverse; }
  .about-material h3 { margin:34px 0 14px; font-size:20px; }
  .about-thought picture img { aspect-ratio:15/7; }
  .about-thought__body { margin-top:42px; }
  .about-label--center { padding:0; }
  .about-thought__lead { margin-top:32px!important; font-size:18px!important; line-height:2!important; }
  .about-business>.about-label { width:auto; }
  .about-business>h2 { margin-left:0; margin-bottom:35px; }
  .about-business__grid { grid-template-columns:1fr; gap:28px; }
  .about-card>picture img,.about-card>img {aspect-ratio: 10/7;}
  .about-card>div { padding:26px 24px 30px; }
  .about-card h3 {font-size: 18px;margin: 0 0 10px;}
  .about-vision>img { width:100%; max-height:440px; object-fit:cover; object-position:center 35%; order:-1; }
  .about-vision { padding-bottom:80px; }
  .about-pc { display:none; }
    div#Journal {
    width: 100%;
    margin-left: 0%;
    overflow: hidden;
}
.about-card a {
    font-size: 14px;
    margin: 10px 0 0;
}

.about-vision ul {
    margin: 15px 0;
}

#main-column {
    padding: 0;
}

}

@media (prefers-reduced-motion:reduce) { .about-reveal { opacity:1; transform:none; transition:none; } }