@import url("style.css?v=20260916-green");
/* Photo presentation: actual photographs, preserved colors and proportions. */
body{background:#fffdf8;color:#303a31}
nav,nav.fixed{position:relative!important;top:auto!important;background:#233c30!important;height:auto!important;z-index:100}
nav .inner{width:min(1180px,100%);margin:auto}
nav ul.gnav{display:flex;align-items:center;justify-content:center;gap:0}
nav ul.gnav>li{float:none;flex:1;min-width:0}
nav ul.gnav>li>a{width:auto;font-size:16px;padding:25px 5px;color:#fff}
nav ul.gnav>li>a.img{padding:8px 5px}
nav ul.gnav>li>a.img img{width:150px;max-width:100%;height:auto}
nav ul.gnav>li>a:hover{color:#fff;background:#375344}
nav ul.gnav>li>a span{color:#e0e7d8}
.photo-hero{display:grid;grid-template-columns:41% 59%;background:#233c30;color:#fff;align-items:center}
.photo-hero .hero-copy{padding:30px 8%;box-sizing:border-box}
.photo-hero .hero-copy small{font:12px/1.7 sans-serif;letter-spacing:.2em;color:#dbe1d1}
.photo-hero .hero-copy h1{position:static;width:auto;height:auto;padding:0;border:0;margin:20px 0;font-family:'hannari','Yu Mincho',serif;font-size:clamp(23px,2.5vw,42px);line-height:1.9;color:#fff;text-align:left;font-weight:normal;text-shadow:none}
.photo-hero .hero-copy p{font-size:14px;color:#dbe1d1;line-height:1.8}
.photo-hero .hero-photo{margin:0;padding:0}
.photo-hero .hero-photo img{display:block;width:100%;height:auto;margin:0}
.header_se{display:grid;grid-template-columns:25% 75%;align-items:center;background:#233c30;isolation:isolate}
.header_se h1{position:static;inset:auto;width:auto;margin:0;padding:24px 12px;color:#fff;font-size:clamp(28px,3vw,52px);line-height:1.3;border:0;text-shadow:none;overflow-wrap:anywhere}
.header_se .f_main,.header_se .c_main,.header_se .i_main,.header_se .in_main,.header_se .wo_main,.header_se .p_main{background:none;width:auto;height:auto;margin:0;padding:0;position:static}
.header_se .banner-photo{display:block;width:100%;height:auto;margin:0;object-fit:contain}
.photoText4 img,.ser1R>img,.ser2L>img,.twoCol2img>img{box-sizing:border-box;padding:10px;background:#f0ede5;border:1px solid #e0dacb;object-fit:contain;box-shadow:none;filter:none;opacity:1}
.photoText4 img{width:100%;aspect-ratio:4/3;height:auto;display:block}
.photoText4 a:hover img{opacity:1;filter:none;border-color:#899b7d}
.photoText4 p{color:#344b3b;line-height:1.7;padding:12px 0}
.ser1R>img,.ser2L>img{display:block;width:100%;height:auto}
.cap,h2 .cap,h3 .cap{color:#617653}
.menuB a,.contact a{background-color:#233c30;color:#fff;border-color:#233c30}
.flow ul li a{background:#f0ede5;border:1px solid #e0dacb;box-sizing:border-box}
.flow ul li a:hover{background:#e6e9dc}
.preview-notice{font:13px/1.7 'Yu Gothic',sans-serif;background:#faf4e7;color:#4d5948;text-align:center;padding:9px 16px;clear:both}
.preview-status{padding:18px;background:#f4f1e9;color:#4b5747;font:14px/1.8 sans-serif;border:1px solid #e0dacb;margin:16px 0}
@media(max-width:1100px) and (min-width:769px){.contents,.contents2,.contents4,.inner{max-width:96%}.ser1L,.ser2R{width:66%}.ser1R,.ser2L{width:29%}nav ul.gnav>li>a{font-size:13px}}
@media(max-width:768px){nav ul.gnav{display:none;flex-direction:column}nav ul.gnav>li{width:100%}nav ul.gnav>li>a{padding:16px}nav ul.gnav>li.pa_none{display:none}.photo-hero{display:flex;flex-direction:column-reverse}.photo-hero .hero-copy{padding:24px 25px 30px;width:100%}.photo-hero .hero-copy h1{font-size:26px;margin:12px 0}.photo-hero .hero-photo{width:100%}.header_se{grid-template-columns:1fr}.header_se h1{font-size:34px;padding:20px}.header_se .banner-photo{width:100%;height:auto}.photoText4 img,.ser1R>img,.ser2L>img,.twoCol2img>img{padding:7px}.photoText4 p{font-size:14px}.preview-notice{font-size:12px}}
/* A single botanical palette for decorative elements; photos remain untouched. */
h3:before{content:'•';color:#617653;margin-right:12px}
h5.f1,h5.f2,h5.f3,h5.f4,h5.f5{background:none;padding-left:0;color:#526b50}
h5.f1:before{content:'01'}h5.f2:before{content:'02'}h5.f3:before{content:'03'}h5.f4:before{content:'04'}h5.f5:before{content:'05'}
h5[class]:before{display:inline-block;font:22px/48px sans-serif;text-align:center;width:48px;margin-right:14px;border-radius:50%;background:#233c30;color:#fff;vertical-align:middle}
.flow-step{display:flex;min-height:150px;flex-direction:column;justify-content:center;align-items:center;gap:14px;color:#233c30;font-size:18px}
.flow-step b{display:block;border:1px solid #899b7d;border-radius:50%;width:48px;font:22px/48px sans-serif}
.pan{background:none}
.footlogo{background:#edf0e7;height:auto;min-height:225px;padding:28px 0}
.foot_logo{max-width:100%;box-sizing:border-box;padding:0 16px}
.foot_logo p{color:#233c30}
.copyright{background:#233c30;color:#fff;height:auto;padding:12px;font-size:12px}
.tel:before,.tel2:before{content:'☎';color:#526b50;font-size:.65em}
.f_top{display:block;background:#233c30;color:#fff!important;text-align:center;padding:12px 16px;border-radius:3px}
@media(max-width:768px){
 .photo-hero{display:grid;grid-template-columns:41% 59%;align-items:center}
 .photo-hero .hero-copy{padding:16px 12px;min-width:0}
 .photo-hero .hero-copy small{font-size:9px;letter-spacing:.08em}
 .photo-hero .hero-copy h1{font-size:clamp(14px,2.5vw,23px);line-height:1.8;margin:10px 0;overflow-wrap:anywhere}
 .photo-hero .hero-copy p{font-size:11px;line-height:1.6}
 .photo-hero .hero-photo{min-width:0}
 .header_se{grid-template-columns:25% 75%}
 .header_se h1{font-size:clamp(16px,3.4vw,28px);padding:12px 6px}
 .flow-step{min-height:110px;font-size:14px;gap:8px}
}
@media(max-width:420px){.photo-hero .hero-copy{padding:10px 8px}.photo-hero .hero-copy p{display:none}}
/* Keep the six primary links in one row, including narrow previews. */
#spMenu{display:none!important}
body{margin-top:0!important}
header.p_none{display:block!important;position:relative;inset:auto;height:auto;background:#233c30;padding:12px 0}
header.p_none .inner{width:100%;max-width:100%;text-align:center}
header.p_none h1{position:static;width:auto;height:auto;margin:0;padding:0;line-height:1}
header.p_none h1 img{width:140px;height:auto;max-width:100%;margin:0}
nav .inner{width:100%;max-width:1180px;overflow-x:auto}
nav .inner>ul.gnav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap;position:static;inset:auto;width:100%;height:auto;max-height:none;overflow:visible;margin:0;padding:0;background:#233c30}
nav ul.gnav>li{display:block;float:none;flex:1 0 auto;width:auto;min-width:0;border:0}
nav ul.gnav>li.pa_none{display:none!important}
nav ul.gnav>li>a{display:block;box-sizing:border-box;width:auto;height:auto;padding:18px 12px;font-size:clamp(12px,1.6vw,16px);white-space:nowrap;background:transparent;color:#fff;border:0;text-align:center}
nav ul.gnav>li>a span{display:block;font-size:10px;color:#dbe1d1;margin-top:5px}
nav ul.gnav>li>a:hover,nav ul.gnav>li>a:focus-visible{background:#375344;color:#fff}
@media(max-width:600px){nav ul.gnav>li>a{padding:14px 8px}header.p_none h1 img{width:115px}}
.photo-hero .hero-copy .hero-tagline{display:block;font-size:11px;line-height:1.7;margin:8px 0 20px;color:#dbe1d1}
@media(max-width:768px){.photo-hero .hero-copy .hero-tagline{font-size:9px;margin:6px 0 12px}}
.footmenu{background:#233c30}.tel3,.fax{background:none;color:#233c30;padding-left:0}.merit:before{content:'•';color:#617653}
header.p_none h1{float:none;text-align:center}header.p_none h1 a{display:inline-block}header.p_none h1 img{display:block}
.photo-hero .hero-copy h1{float:none}
.flow ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:0;margin:0}
.flow ul li{float:none;width:auto;margin:0!important;min-width:0}
.flow ul li:after{content:none}
.flow ul li a{display:block;width:100%;color:#233c30;text-decoration:none}
.flow-step{text-align:center;padding:16px 4px;box-sizing:border-box}
@media(max-width:600px){.flow ul{gap:8px}.flow-step{font-size:11px;min-height:105px}.flow-step b{font-size:18px;width:36px;line-height:36px}}
.social-updates{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0 60px}
.social-card{background:#f3f0e6;border:1px solid #d8dfcf;padding:28px;box-sizing:border-box;min-width:0}
.social-card h3{margin-top:0;color:#233c30}.social-card p{line-height:1.9;color:#344b3b}
.social-card .social-link{display:inline-block;margin-top:22px;padding:12px 22px;background:#233c30;color:white;text-decoration:none;border:1px solid #233c30}
.social-card .social-link:hover{background:#375344}
@media(max-width:600px){.social-updates{gap:14px}.social-card{padding:18px}.social-card h3{font-size:20px}.social-card .social-link{padding:10px;font-size:13px}}