@charset "utf-8";

/************************************/
/* CSS Reset */
/************************************/

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;}
body{min-height:100vh;line-height:1.5;font-family:var(--font-family-main);color:var(--color-text);background-color:var(--color-bg);}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:1.2;}
ul,ol{list-style:none;}
a{color:inherit;text-decoration:none;}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto;}
button,input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none;}
button{cursor:pointer;}
table{border-collapse:collapse;border-spacing:0;}

/* Focus Style (Accessibility)*/
a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus{outline:2px solid var(--color-primary);outline-offset:2px;}

/************************************/
/* Display Utility */
/************************************/

.u-show{display:block !important;}
.u-hide{display:none !important;}

.u-sp-only{display:block;}
.u-pc-only{display:none;}
@media (max-width:1023px){
.u-sp-only{display:block;}
.u-pc-only{display:none;}
}
@media (min-width:1024px){
.u-sp-only{display:none;}
.u-pc-only{display:block;}
}

.u-tb-only{display:none;}
@media (min-width:768px) and (max-width:1023px){
.u-tb-only{display:block;}
}

/************************************/
/* Root Variables */
/************************************/

:root {
  --color-primary:#1e40af;
  --color-secondary:#3b82f6;
  --color-accent:#0ea5e9;
  --color-bg:#F6F5F3;
  --color-bg2:#ffffff;
  --color-text:#1f2937;
  --color-text2:#6b7280;
  --color-border:#e5e7eb;
  --color-hover:#dbeafe;
  
  --font-family-main:'Noto Sans JP',sans-serif;
  --font-family-heading:'Noto Sans JP',sans-serif;
  
  --container-max-width:1200px;
  
  --space-xs:8px;
  --space-sm:16px;
  --space-md:24px;
  --space-lg:40px;
  --space-xl:64px;
  
  --border-radius:8px;
  --shadow:0 1px 3px rgba(0,0,0,0.1);
  --shadow-lg:0 4px 6px rgba(0,0,0,0.1);
  
  --transition-speed:300ms;
  --easing:ease-in-out;
  
  --breakpoint-pc:1024px;
  --breakpoint-sp:768px;
}

/************************************/
/* Device Variables */
/************************************/

:root {
  --font-size-caption:0.875rem;
  --font-size-text:1rem;
  --font-size-lead:1.25rem;
  --font-size-subttl:1.75rem;
  --font-size-ttl:2.5rem;
  
  --space-xs:8px;
  --space-sm:16px;
  --space-md:24px;
  --space-lg:40px;
  --space-xl:64px;
  
  --container-padding:40px;
}

@media (max-width:1023px){
  :root {
    --font-size-caption:0.875rem;
    --font-size-text:1rem;
    --font-size-lead:1.125rem;
    --font-size-subttl:1.5rem;
    --font-size-ttl:2rem;
    
    --space-xs:8px;
    --space-sm:16px;
    --space-md:24px;
    --space-lg:32px;
    --space-xl:48px;
    
    --container-padding:24px;
  }
}

@media (max-width:767px){
  :root {
    --font-size-caption:0.75rem;
    --font-size-text:0.875rem;
    --font-size-lead:1rem;
    --font-size-subttl:1.25rem;
    --font-size-ttl:1.75rem;
    
    --space-xs:4px;
    --space-sm:8px;
    --space-md:16px;
    --space-lg:24px;
    --space-xl:32px;
    
    --container-padding:16px;
  }
}

/************************************/
/* Background Decoration */
/************************************/

.background-circles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;pointer-events:none;}
.circle{position:absolute;border-radius:50%;opacity:0.08;}
.circle-1{width:800px;height:800px;background:radial-gradient(circle,#3b82f6 0%,#1e40af 70%);top:-200px;right:-200px;}
.circle-2{width:600px;height:600px;background:radial-gradient(circle,#9ca3af 0%,#6b7280 70%);bottom:-150px;left:-150px;}
.circle-3{width:400px;height:400px;background:radial-gradient(circle,#60a5fa 0%,#2563eb 70%);top:50%;left:25%;transform:translate(-50%,-50%);}

@media (max-width:767px){
.circle-1{width:500px;height:500px;top:-100px;right:-100px;}
.circle-2{width:400px;height:400px;bottom:-100px;left:-100px;}
.circle-3{width:300px;height:300px;}
}

/************************************/
/* Header */
/************************************/

.header{position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(246,245,243,0.95);backdrop-filter:blur(10px);padding:20px 40px;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.header__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-max-width);margin:0 auto;}
.header__logo{font-size:1.5rem;font-weight:900;color:var(--color-primary);letter-spacing:0.5px;}
.header__logo-link{display:flex;align-items:center;gap:8px;}
.header__logo-en{font-size:0.875rem;font-weight:400;color:var(--color-text2);}

.header__nav{display:flex;gap:var(--space-lg);}
.header__nav-list{display:flex;gap:var(--space-md);align-items:center;}
.header__nav-item{}
.header__nav-link{padding:12px 20px;border-radius:25px;font-weight:600;font-size:1rem;transition:all var(--transition-speed) var(--easing);display:block;}
.header__nav-link:hover{background:var(--color-hover);color:var(--color-primary);transform:translateY(-1px);}

.header__menu-btn{display:none;flex-direction:column;gap:5px;padding:10px;background:var(--color-bg2);border-radius:8px;border:1px solid var(--color-border);cursor:pointer;}
.header__menu-btn-line{width:24px;height:3px;background:var(--color-text);transition:all var(--transition-speed) var(--easing);border-radius:2px;}
.header__menu-btn.is-active .header__menu-btn-line:nth-child(1){transform:rotate(45deg) translate(6px,6px);}
.header__menu-btn.is-active .header__menu-btn-line:nth-child(2){opacity:0;}
.header__menu-btn.is-active .header__menu-btn-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);}

.header__mobile-menu{display:none;position:fixed;top:80px;left:0;width:100%;background:var(--color-bg2);box-shadow:0 4px 20px rgba(0,0,0,0.1);padding:var(--space-md);opacity:0;transform:translateY(-20px);transition:all var(--transition-speed) var(--easing);}
.header__mobile-menu.is-active{display:block;opacity:1;transform:translateY(0);}
.header__mobile-menu-list{}
.header__mobile-menu-item{border-bottom:1px solid var(--color-border);}
.header__mobile-menu-item:last-child{border-bottom:none;}
.header__mobile-menu-link{display:block;padding:var(--space-sm);font-weight:600;font-size:1.1rem;transition:background var(--transition-speed) var(--easing);}
.header__mobile-menu-link:hover{background:var(--color-hover);}

@media (max-width:1023px){
.header{padding:16px 24px;}
.header__nav{display:none;}
.header__menu-btn{display:flex;}
}

@media (max-width:767px){
.header{padding:12px 16px;}
.header__logo{font-size:1.2rem;}
.header__logo-en{font-size:0.75rem;}
}

/************************************/
/* Footer */
/************************************/

.footer{background:var(--color-primary);color:#fff;padding:var(--space-xl) 0 var(--space-md);}
.footer__inner{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);}
.footer__content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-lg);}

.footer__company{}
.footer__company-name{font-size:1.5rem;font-weight:900;margin-bottom:var(--space-sm);}
.footer__company-name-en{font-size:0.875rem;font-weight:400;opacity:0.9;display:block;margin-top:4px;}
.footer__company-desc{font-size:0.875rem;line-height:1.8;opacity:0.9;margin-top:var(--space-sm);}

.footer__info{}
.footer__info-title{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-sm);}
.footer__info-list{}
.footer__info-item{font-size:0.875rem;line-height:1.8;margin-bottom:var(--space-xs);}
.footer__info-label{font-weight:600;}

.footer__bottom{border-top:1px solid rgba(255,255,255,0.2);padding-top:var(--space-md);text-align:center;font-size:0.875rem;opacity:0.8;}

@media (max-width:767px){
.footer__content{grid-template-columns:1fr;gap:var(--space-lg);}
.footer__company-name{font-size:1.25rem;}
}


/************************************/
/* Footer Contact QR */
/************************************/

.footer__contact-qr {/* margin-top:var(--space-lg); */}

.footer__contact-qr-title {font-size:var(--font-size-lead);font-weight:600;/* color:var(--color-text); */text-align: center;/* margin-bottom:var(--space-md); */}

.footer__contact-qr-list {display:flex;gap:var(--space-lg);justify-content:flex-start;}

@media (max-width: 767px) {
.footer__contact-qr-list {flex-direction:column;gap:var(--space-md);}
}

.footer__contact-qr-item {text-align:center;display: flex;align-items: center;justify-content: center;flex-direction: column;}

.footer__contact-qr-label {font-size:var(--font-size-caption);/* color:var(--color-text2); */margin-bottom:var(--space-xs);font-weight:600;margin: 5px 10px;}

.footer__contact-qr-img {border:2px solid var(--color-border);border-radius:var(--border-radius);width:120px;height:120px;}

@media (max-width: 767px) {
.footer__contact-qr-img {width:100px;height:100px;}
}

/************************************/
/* Footer Layout Update */
/************************************/

.footer__content {display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-xl);margin-bottom:var(--space-lg);}

@media (max-width: 1023px) {
.footer__content {grid-template-columns:1fr 1fr;}
.footer__contact-qr {grid-column:1 / -1;margin-top:var(--space-md);}
}

@media (max-width: 767px) {
.footer__content {grid-template-columns:1fr;}
}

/************************************/
/* Container */
/************************************/

.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);}

/************************************/
/* Section */
/************************************/

.section{padding:var(--space-xl) 0;}
.section__header{text-align:center;margin-bottom:var(--space-xl);}
.section__title{font-size:var(--font-size-ttl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm);}
.section__title-en{display:block;font-size:var(--font-size-subttl);font-weight:300;color:var(--color-text2);margin-bottom:var(--space-xs);}
.section__subtitle{font-size:var(--font-size-lead);color:var(--color-text2);line-height:1.8;}

@media (max-width:767px){
.section{padding:var(--space-lg) 0;}
.section__header{margin-bottom:var(--space-lg);}
}

/************************************/
/* Hero */
/************************************/

/* Slick Slider Override */
.hero__image-slider.slick-slider{
  margin-bottom:0;
}

.hero__image-slider .slick-list,
.hero__image-slider .slick-track{
  height:100%;
}

.hero__image-slider .slick-slide{
  height:auto;
}

.hero__image-slider .slick-slide > div{
  height:100%;
}

.hero{
  position:relative;
  min-height:calc(100vh - 80px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:120px 0 80px;
  overflow:hidden;
}

.hero__inner{
  max-width:var(--container-max-width);
  margin:0 auto;
  padding:0 var(--container-padding);
  display:grid;
  grid-template-columns:45% 55%;
  gap:60px;
  align-items:center;
  width:100%;
}

.hero__content{
  position:relative;
  z-index:2;
}

.hero__catchphrase{
  font-size:1.125rem;
  font-weight:600;
  color:var(--color-secondary);
  margin-bottom:20px;
  letter-spacing:0.05em;
}

.hero__title{
  font-size:3rem;
  font-weight:900;
  line-height:1.3;
  color:var(--color-text);
  margin-bottom:24px;
}

.hero__subtitle{
  font-size:1.375rem;
  font-weight:600;
  color:var(--color-text2);
  margin-bottom:32px;
  line-height:1.6;
}

.hero__company{
  font-size:2rem;
  font-weight:900;
  color:var(--color-primary);
  line-height:1.4;
}

.hero__company-en{
  display:block;
  font-size:1.125rem;
  font-weight:400;
  color:var(--color-text2);
  margin-top:10px;
}

.hero__image{
  position:relative;
  width:100%;
  z-index:1;
}

.hero__image-slider{
  width:100%;
  height:500px;
  border-radius:var(--border-radius);
  overflow:hidden;
  box-shadow:var(--shadow-lg);
  background:linear-gradient(135deg, #e0f2fe 0%, #bae6fd 50%, #7dd3fc 100%);
}

.hero__slide{
  width:100%;
  height:500px;
  background:linear-gradient(135deg, #e0f2fe 0%, #bae6fd 50%, #7dd3fc 100%);
  display:flex;
  align-items:center;
  justify-content:center;
}

.hero__slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Tablet */
@media (max-width:1023px){
  .hero{
    min-height:auto;
    padding:110px 0 60px;
  }
  
  .hero__inner{
    grid-template-columns:1fr;
    gap:40px;
    padding:0 24px;
  }
  
  .hero__content{
    order:2;
    text-align:center;
    max-width:600px;
    margin:0 auto;
  }
  
  .hero__image{
    order:1;
    max-width:100%;
  }
  
  .hero__catchphrase{
    font-size:1rem;
    margin-bottom:16px;
  }
  
  .hero__title{
    font-size:2.25rem;
    line-height:1.3;
  }
  
  .hero__subtitle{
    font-size:1.25rem;
    line-height:1.6;
  }
  
  .hero__company{
    font-size:1.75rem;
  }
  
  .hero__company-en{
    font-size:1rem;
    margin-top:10px;
  }
  
  .hero__image-slider{
    height:400px;
  }
  
  .hero__slide{
    height:400px;
  }
}

/* Mobile */
@media (max-width:767px){
  .hero{
    padding:70px 0 40px;
    min-height:auto;
  }
  
  .hero__inner{
    grid-template-columns:1fr;
    gap:30px;
    padding:0 16px;
    display:flex;
    flex-direction:column;
  }
  
  .hero__content{
    order:2;
    text-align:center;
    padding:0;
    width:100%;
  }
  
  .hero__image{
    order:1;
    width:100%;
    margin:0;
  }
  
  .hero__catchphrase{
    font-size:0.875rem;
    margin-bottom:12px;
    line-height:1.5;
  }
  
  .hero__title{
    font-size:1.625rem;
    margin-bottom:16px;
    line-height:1.4;
  }
  
  .hero__subtitle{
    font-size:0.9375rem;
    margin-bottom:20px;
    line-height:1.6;
  }
  
  .hero__company{
    font-size:1.125rem;
    line-height:1.4;
  }
  
  .hero__company-en{
    font-size:0.75rem;
    margin-top:8px;
  }
  
  .hero__image-slider{
    height:250px;
    border-radius:8px;
  }
  
  .hero__slide{
    height:250px;
  }
  
  .hero__slide img{
    object-position:center center;
  }
}

/* Small Mobile */
@media (max-width:375px){
  .hero{
    padding:70px 0 30px;
  }
  
  .hero__inner{
    gap:24px;
    padding:0 12px;
  }
  
  .hero__catchphrase{
    font-size:0.8125rem;
    margin-bottom:10px;
  }
  
  .hero__title{
    font-size:1.5rem;
    margin-bottom:12px;
    line-height:1.35;
  }
  
  .hero__subtitle{
    font-size:0.875rem;
    margin-bottom:16px;
  }
  
  .hero__company{
    font-size:1rem;
  }
  
  .hero__company-en{
    font-size:0.6875rem;
    margin-top:6px;
  }
  
  .hero__image-slider{
    height:220px;
  }
  
  .hero__slide{
    height:220px;
  }
}

/************************************/
/* Feature */
/************************************/

.feature{background:var(--color-bg2);}
.feature__list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);}
.feature__item{background:var(--color-bg);padding:var(--space-lg);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:all var(--transition-speed) var(--easing);}
.feature__item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
.feature__icon{font-size:3rem;color:var(--color-primary);margin-bottom:var(--space-md);}
.feature__title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm);}
.feature__desc{font-size:1rem;line-height:1.8;color:var(--color-text2);}

@media (max-width:1023px){
.feature__list{grid-template-columns:repeat(2,1fr);}
}

@media (max-width:767px){
.feature__list{grid-template-columns:1fr;}
}

/************************************/
/* Flow */
/************************************/

.flow{}
.flow__list{}
.flow__item{display:grid;grid-template-columns:100px 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl);position:relative;}
.flow__item:not(:last-child)::after{content:'';position:absolute;left:50px;top:100px;width:2px;height:calc(100% + var(--space-xl));background:var(--color-border);}
.flow__number{width:100px;height:100px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;flex-shrink:0;position:relative;z-index:1;}
.flow__content{background:var(--color-bg2);padding:var(--space-lg);border-radius:var(--border-radius);box-shadow:var(--shadow);}
.flow__title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm);}
.flow__desc{font-size:1rem;line-height:1.8;color:var(--color-text2);}
.flow__desc-en{font-size:0.875rem;color:var(--color-text2);margin-top:var(--space-xs);font-style:italic;}
.flow__desc-cn{font-size:0.875rem;color:var(--color-text2);margin-top:var(--space-xs);}

@media (max-width:767px){
.flow__item{grid-template-columns:60px 1fr;gap:var(--space-md);}
.flow__item:not(:last-child)::after{left:30px;top:70px;}
.flow__number{width:60px;height:60px;font-size:1.5rem;}
.flow__content{padding:var(--space-md);}
}

/************************************/
/* About */
/************************************/

.about{}
.about__list{}
.about__item{background:var(--color-bg2);padding:var(--space-lg);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:var(--space-md);}
.about__title{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary);}
.about__desc{font-size:1rem;line-height:1.8;color:var(--color-text);}
.about__point{font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs);}

/************************************/
/* Company */
/************************************/

.company{}
.company__table{width:100%;background:var(--color-bg2);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;}
.company__table-row{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid var(--color-border);}
.company__table-row:last-child{border-bottom:none;}
.company__table-header{background:var(--color-primary);color:#fff;padding:var(--space-md);font-weight:700;}
.company__table-data{padding:var(--space-md);line-height:1.8;}
.company__table-data-en{font-size:0.875rem;color:var(--color-text2);margin-top:var(--space-xs);}

@media (max-width:767px){
.company__table-row{grid-template-columns:1fr;}
.company__table-header{border-bottom:1px solid rgba(255,255,255,0.2);}
}

/************************************/
/* Contact */
/************************************/

.contact{background:var(--color-bg2);}
.contact__form{max-width:800px;margin:0 auto;background:var(--color-bg);padding:var(--space-xl);border-radius:var(--border-radius);box-shadow:var(--shadow);}
.contact__form-group{margin-bottom:var(--space-lg);}
.contact__form-label{display:block;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text);}
.contact__form-label--required::after{content:'*';color:#ef4444;margin-left:4px;}
.contact__form-input,
.contact__form-textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:1rem;transition:border-color var(--transition-speed) var(--easing);}
.contact__form-input:focus,
.contact__form-textarea:focus{border-color:var(--color-primary);}
.contact__form-textarea{min-height:200px;resize:vertical;}
.contact__form-btn{background:var(--color-primary);color:#fff;padding:var(--space-md) var(--space-xl);border-radius:var(--border-radius);font-size:1.125rem;font-weight:700;width:100%;transition:all var(--transition-speed) var(--easing);}
.contact__form-btn:hover{background:var(--color-secondary);transform:translateY(-2px);box-shadow:var(--shadow-lg);}

.contact__info{max-width:800px;margin:var(--space-xl) auto 0;}
.contact__info-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-md);text-align:center;}
.contact__info-list{background:var(--color-bg);padding:var(--space-lg);border-radius:var(--border-radius);box-shadow:var(--shadow);}
.contact__info-item{display:flex;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border);}
.contact__info-item:last-child{border-bottom:none;}
.contact__info-label{font-weight:700;min-width:120px;color:var(--color-text);}
.contact__info-data{flex:1;color:var(--color-text2);}

@media (max-width:767px){
.contact__form{padding:var(--space-lg) var(--space-md);}
.contact__info-item{flex-direction:column;gap:var(--space-xs);}
}

/************************************/
/* Contact Page Styles */
/************************************/

/* Contact Intro */
.contact__intro {text-align:center;margin-bottom:var(--space-xl);padding:var(--space-lg) var(--space-md);background:rgba(255,255,255,0.8);border-radius:var(--border-radius);}
.contact__intro-txt {font-size:var(--font-size-lead);line-height:1.8;margin-bottom:var(--space-sm);}
.contact__intro-txt:last-child {margin-bottom:0;}

/* Contact Methods Grid */
.contact__methods {display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-lg);margin-bottom:var(--space-xl);}

@media (max-width: 1023px) {
.contact__methods {grid-template-columns:repeat(2, 1fr);}
}

@media (max-width: 767px) {
.contact__methods {grid-template-columns:1fr;gap:var(--space-md);}
}

/* Contact Method Card */
.contact__method-card {background:#fff;border-radius:var(--border-radius);padding:var(--space-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition-speed) var(--easing), box-shadow var(--transition-speed) var(--easing);}
.contact__method-card:hover {transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,0.15);}

.contact__method-title {font-size:var(--font-size-subttl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-md);text-align:center;border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-sm);}

.contact__method-content {text-align:center;}

.contact__method-label {font-size:var(--font-size-text);color:var(--color-text2);margin-bottom:var(--space-xs);}

.contact__method-data {font-size:var(--font-size-lead);color:var(--color-text);margin-bottom:var(--space-sm);}
.contact__method-data--lg {font-size:2rem;font-weight:700;color:var(--color-primary);margin:var(--space-md) 0;}

@media (max-width: 767px) {
.contact__method-data--lg {font-size:1.5rem;}
}

.contact__method-link {color:var(--color-primary);text-decoration:none;transition:opacity var(--transition-speed) var(--easing);}
.contact__method-link:hover {opacity:0.7;}

.contact__method-qr {display:flex;justify-content:center;align-items:center;margin:var(--space-md) 0;}

.contact__method-qr-img {border:2px solid var(--color-border);border-radius:var(--border-radius);max-width:200px;height:auto;}

@media (max-width: 767px) {
.contact__method-qr-img {max-width:160px;}
}

.contact__method-note {font-size:var(--font-size-caption);color:var(--color-text2);margin-top:var(--space-sm);}

/* Contact Info Box */
.contact__info-box {background:#fff;border-radius:var(--border-radius);padding:var(--space-lg);box-shadow:var(--shadow-lg);}

.contact__info-title {font-size:var(--font-size-subttl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-md);text-align:center;border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-sm);}

.contact__info-list {display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-md);}

@media (max-width: 767px) {
.contact__info-list {grid-template-columns:1fr;}
}

.contact__info-item {display:flex;flex-direction:column;gap:var(--space-xs);}

.contact__info-label {font-size:var(--font-size-caption);color:var(--color-text2);font-weight:600;}

.contact__info-data {font-size:var(--font-size-text);color:var(--color-text);line-height:1.6;}

.contact__info-link {color:var(--color-primary);text-decoration:none;transition:opacity var(--transition-speed) var(--easing);}
.contact__info-link:hover {opacity:0.7;text-decoration:underline;}



/************************************/
/* CTA */
/************************************/

.cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;text-align:center;padding:var(--space-xl) 0;}
.cta__title{font-size:var(--font-size-ttl);font-weight:700;margin-bottom:var(--space-md);}
.cta__desc{font-size:var(--font-size-lead);margin-bottom:var(--space-lg);opacity:0.9;}
.cta__btn{display:inline-block;background:#fff;color:var(--color-primary);padding:var(--space-md) var(--space-xl);border-radius:var(--border-radius);font-size:1.125rem;font-weight:700;transition:all var(--transition-speed) var(--easing);}
.cta__btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2);}

/************************************/
/* Page Header */
/************************************/

.page-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:120px 0 var(--space-xl);margin-top:80px;text-align:center;}
.page-header__title{font-size:var(--font-size-ttl);font-weight:700;margin-bottom:var(--space-sm);}
.page-header__title-en{font-size:var(--font-size-lead);font-weight:300;opacity:0.9;}

@media (max-width:767px){
.page-header{padding:80px 0 var(--space-lg);}
}