/************************************/
/* 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;}

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 (min-width:1024px){
.u-sp-only{display:none;}
.u-pc-only{display:block;}
}

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

:root{
--color-primary:#009b63;
--color-secondary:#00b377;
--color-accent:#00d68f;
--color-dark-green:#006644;
--color-light-bg:#f0fdf4;
--color-gray-dark:#374151;
--color-red-accent:#e74c3c;
--color-corporate-blue:#003d7a;
--color-bg:#ffffff;
--color-bg2:#fafafa;
--color-text:#333333;
--color-text2:#666666;
--color-border:#e0e0e0;
--color-hover:#f5f5f5;
--font-family-main:'Noto Sans JP',sans-serif;
--font-family-heading:'Noto Sans JP',sans-serif;
--font-family-en:'Roboto',sans-serif;
--container-max-width:1200px;
--space-xs:8px;
--space-sm:16px;
--space-md:24px;
--space-lg:40px;
--space-xl:64px;
--border-radius:5px;
--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;
}

:root{
--font-size-caption:0.875rem;
--font-size-text:1.0625rem;
--font-size-lead:1.375rem;
--font-size-subttl:2rem;
--font-size-ttl:2.75rem;
--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;
}
}

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

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

/************************************/
/* Button */
/************************************/

.btn{display:inline-block;padding:16px 48px;background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--font-size-text);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--easing);box-shadow:var(--shadow-lg);}
.btn:hover{background:var(--color-dark-green);transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,155,99,0.3);}

/************************************/
/* Header */
/************************************/
.header{position:fixed;top:0;left:0;width:100%;z-index:100;background:var(--color-primary);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:flex-end;padding:0 var(--container-padding) 0 0;min-height:70px;}
.header__logo{flex-shrink:0;padding-left:var(--container-padding);margin-right:auto;}
.header__logo img{height:50px;width:auto;}
.header__nav{display:flex;align-items:center;margin-right: 40px;}
.header__menu{display:flex;gap: 7px;}
.header__menu a{display:block;padding: 8px 7px;color:#fff;font-weight:600;font-size:0.95rem;transition:all var(--transition-speed) var(--easing);border-radius:var(--border-radius);}
.header__menu a:hover{background:rgba(255,255,255,0.15);}
.header__cta{display:flex;align-items:center;justify-content:center;padding:8px 28px;background:var(--color-red-accent);color:#fff;font-weight:700;border-radius:var(--border-radius);transition:all var(--transition-speed) var(--easing);box-shadow:0 2px 8px rgba(231,76,60,0.3);flex-shrink:0;}
.header__cta:hover{background:#c0392b;transform:translateY(-2px);box-shadow:0 4px 12px rgba(231,76,60,0.4);}
.header__cta-text{font-size:0.8rem;letter-spacing:0.05em;}
.header__hamburger{display:none;flex-direction:column;gap:4px;padding:8px;background:rgba(255,255,255,0.2);border-radius:var(--border-radius);}
.header__hamburger span{display:block;width:24px;height:3px;background:#fff;border-radius:2px;transition:all var(--transition-speed) var(--easing);}
.header__hamburger.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.header__hamburger.is-active span:nth-child(2){opacity:0;}
.header__hamburger.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:1160px){
.header{padding:0 var(--container-padding);}
.header__logo img{height:40px;width:auto;}    
.header__logo{padding-left:0;}
.header__nav{display:none;}
.header__cta{display:none;}
.header__hamburger{display:flex;}
.header__menu a{padding: 8px 7px;}    
}

/************************************/
/* Mobile Menu */
/************************************/

.mobile-menu{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:rgba(255,255,255,0.98);backdrop-filter:blur(10px);transform:translateX(-100%);opacity:0;transition:all var(--transition-speed) var(--easing);z-index:99;box-shadow:var(--shadow-lg);}
.mobile-menu.is-active{transform:translateX(0);opacity:1;}
.mobile-menu__nav{padding:var(--space-lg) var(--container-padding);height:100%;overflow-y:auto;}
.mobile-menu__list{display:flex;flex-direction:column;gap:var(--space-sm);}
.mobile-menu__list a{display:block;padding:var(--space-md);color:var(--color-primary);font-weight:600;font-size:1.1rem;border-radius:var(--border-radius);transition:all var(--transition-speed) var(--easing);}
.mobile-menu__list a:hover{background:var(--color-light-bg);transform:translateX(8px);}

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

.hero{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;margin-top:70px;overflow:hidden;}
.hero__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.hero__bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.21);z-index:1;}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:top center;}
.hero__content{position:relative;z-index:2;text-align:center;padding:var(--space-lg) var(--container-padding);max-width:1200px;margin:0 auto;width:100%;}
.hero__badges{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md);}
.hero__badge{width:80px;height:auto;}
.hero__message{background:rgba(0,0,0,0.7);padding:var(--space-md) var(--space-lg);border-radius:var(--border-radius);margin-bottom:var(--space-md);}
.hero__subtitle{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:var(--space-sm);line-height:1.6;}
.hero__mark{background: linear-gradient(transparent 70%,#ffcc00 30%);padding:0 4px;display:inline-block;}
.hero__title{color:#fff;font-size:var(--font-size-ttl);font-weight:900;line-height:1.3;text-shadow:2px 2px 4px rgba(0,0,0,0.5);}
.hero__logo{margin-bottom:var(--space-md);}
.hero__logo img{max-width:320px;margin:0 auto;}
.hero__cta{margin-top:var(--space-md);}
.hero__btn{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);background:var(--color-red-accent);color:#fff;font-weight:700;border-radius:var(--border-radius);transition:all var(--transition-speed) var(--easing);box-shadow:0 4px 16px rgba(231,76,60,0.5);}
.hero__btn:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(231,76,60,0.7);background:#c0392b;}
.hero__btn-labels{display:flex;gap:var(--space-sm);}
.hero__btn-label{display:inline-block;padding:4px 12px;background:#fff;color:var(--color-red-accent);font-size:0.75rem;font-weight:700;border-radius:20px;}
.hero__btn-text{font-size:1.1rem;}

@media (max-width:1023px){
.hero{min-height:450px;}
}

@media (max-width:767px){
.hero{min-height:500px;}
.hero__badge{width:60px;}
.hero__message{padding:var(--space-md) var(--space-lg);}
.hero__subtitle{font-size:1.1rem;}
.hero__logo img{max-width:240px;}
.hero__btn{padding:var(--space-md) var(--space-lg);}
.hero__bg img{width:100%;height:100%;object-fit: cover;}    
}

/************************************/
/* Main */
/************************************/

.main{padding:var(--space-xl) 0;}

/************************************/
/* Section Title */
/************************************/

.section-title{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);text-align:center;}
.section-title::after{content:'';display:block;width:60px;height:3px;background:var(--color-primary);margin-top:var(--space-md);}
.section-title__en{font-family:var(--font-family-en);font-size:1.2rem;font-weight:500;color:#999;letter-spacing:3px;text-transform:uppercase;}
.section-title__ja{font-size:2.5rem;font-weight:900;color:var(--color-corporate-blue);letter-spacing:2px;}

@media (max-width:767px){
.section-title__en{font-size:1rem;}
.section-title__ja{font-size:1.8rem;}
}

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

.about{padding:80px 0;background:var(--color-bg);}
.about__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items: flex-start;margin-bottom: var(--space-lg);}
.about__heading{font-size: 2rem;font-weight: 800;color:var(--color-corporate-blue);margin-bottom:var(--space-lg);line-height:1.5;}
.about__description{font-size:var(--font-size-text);color:var(--color-text2);line-height:1.8;margin-bottom:var(--space-lg);}
.about__features{display:flex;flex-direction:column;gap:var(--space-md);}
.about__feature{display:flex;align-items:center;gap:var(--space-sm);}
.about__feature-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-primary);color:#fff;font-weight:700;border-radius:50%;flex-shrink:0;}
.about__feature-text{font-size:var(--font-size-text);font-weight:600;color:var(--color-text);}
.about__image img{border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width: 100%;}

@media (max-width:767px){
.about{padding: 20px 0;}
.about__content{grid-template-columns:1fr;gap:var(--space-lg);}
.about__heading{font-size:1.4rem;}
}

/************************************/
/* News */
/************************************/

.news{padding:80px 0;background:var(--color-bg2);}
.news__list{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius);}
.news__item{border-bottom:1px solid var(--color-border);}
.news__item:last-child{border-bottom:none;}
.news__link{display:flex;justify-content: flex-start;align-items:center;padding:18px var(--space-xl);transition:all var(--transition-speed) var(--easing);border-left:4px solid transparent;}
.news__link:hover{background:var(--color-hover);border-left-color:var(--color-primary);}
.news__meta{display:flex;align-items:center;gap:var(--space-md);/* margin-bottom:var(--space-xs); */width: 180px;}
.news__date{font-family:var(--font-family-en);font-size:var(--font-size-caption);color:#999;letter-spacing:0.5px;}
.news__category{display:inline-block;padding:4px 12px;background:var(--color-primary);color:#fff;font-size:0.7rem;font-weight:600;border-radius:20px;}
.news__title{font-size:1.0625rem;font-weight:600;color:var(--color-corporate-blue);margin-left: 30px;}

@media (max-width:767px){
.news{padding:60px 0;}
.news__link{flex-direction:column;align-items:flex-start;padding:var(--space-md);}
}

/************************************/
/* Service */
/************************************/

.service{padding:80px 0;background:var(--color-bg);}
.service__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);}

.service-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:all var(--transition-speed) var(--easing);}
.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);}
.service-card__image{position:relative;overflow:hidden;height:240px;}
.service-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-speed) var(--easing);}
.service-card:hover .service-card__image img{transform:scale(1.05);}
.service-card__content{padding:var(--space-lg);}
.service-card__title{font-size:1.375rem;font-weight:700;color:var(--color-corporate-blue);margin-bottom:var(--space-md);border-left:4px solid var(--color-primary);padding-left:var(--space-md);}
.service-card__text{font-size:var(--font-size-text);color:var(--color-text2);line-height:1.8;margin-bottom:var(--space-md);}
.service-card__link{display:inline-flex;align-items:center;color:var(--color-primary);font-weight:600;transition:color var(--transition-speed) var(--easing);float: right;}
.service-card__link:hover{color:var(--color-dark-green);}

@media (max-width:767px){
.service{padding:60px 0;}
.service__grid{grid-template-columns:1fr;}
.service-card__title{font-size:1.2rem;}
}

/************************************/
/* Example Section (導入事例) */
/************************************/

.example{padding:var(--space-xl) 0;background:#fff;}
.example__stats{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl);padding:var(--space-lg) 0;}
.example__stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);}
.example__number{display:flex;align-items:baseline;gap:4px;font-family:var(--font-family-en);color:var(--color-primary);}
.example__big{font-size:3rem;font-weight:900;line-height:1;}
.example__small{font-size:1.25rem;font-weight:700;}
.example__label{font-size:0.875rem;color:var(--color-text2);font-weight:600;}
.example__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl);}
.example-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all var(--transition-speed) var(--easing);}
.example-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.15);transform:translateY(-4px);}
.example-card__image{position:relative;width:100%;overflow:hidden;}
.example-card__image img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform var(--transition-speed) var(--easing);}
.example-card__image a{display:block;}
.example-card:hover .example-card__image img{transform:scale(1.05);}
.example-card__content{display:flex;flex-direction:column;flex:1;padding:var(--space-md);}
.example-card__title{font-size:1.125rem;font-weight:700;margin-bottom:var(--space-sm);line-height:1.4;}
.example-card__title a{color:var(--color-text);transition:color var(--transition-speed) var(--easing);}
.example-card__title a:hover{color:var(--color-primary);}
.example-card__info{display:grid;grid-template-columns:auto 1fr;gap:var(--space-xs) var(--space-sm);margin-bottom:auto;padding:var(--space-sm);background:var(--color-bg2);border-radius:var(--border-radius);font-size:0.875rem;}
.example-card__info dt{color:var(--color-text2);font-weight:600;}
.example-card__info dd{color:var(--color-text);line-height:1.5;}
.example-card__link{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;font-weight:700;font-size:1rem;border-radius:var(--border-radius);text-align:center;transition:all var(--transition-speed) var(--easing);}
.example-card__link:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.3);}
.example__more{text-align:center;}

@media (max-width:1023px){
.example__stats{gap:var(--space-lg);}
.example__big{font-size:2.5rem;}
.example__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md);}
}

@media (max-width:767px){
.example__stats{flex-direction:column;gap:var(--space-md);}
.example__big{font-size:2rem;}
.example__grid{grid-template-columns:1fr;gap:var(--space-md);}
.example-card__content{padding:var(--space-sm);}
}


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

.company{padding:80px 0;background:var(--color-bg);}
.company__table{background:var(--color-bg2);border:1px solid var(--color-border);border-radius:var(--border-radius);}
.company__row{display:grid;grid-template-columns: 250px 1fr;border-bottom:1px solid var(--color-border);}
.company__row:last-child{border-bottom:none;}
.company__label{padding:var(--space-md) var(--space-xl);background:#f5f5f5;font-weight:700;color:var(--color-text);}
.company__value{padding:var(--space-md) var(--space-xl);background:#fff;color:var(--color-text2);line-height:1.8;}

@media (max-width:767px){
.company{padding:60px 0;}
.company__row{grid-template-columns:1fr;}
.company__label{border-bottom:none;border-left:4px solid var(--color-primary);}
}

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

.footer{background:#2c3e50;color:#fff;padding:var(--space-xl) 0 var(--space-lg);}
.footer__content{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl);margin-bottom:var(--space-xl);}
.footer__heading{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary);}
.footer__text{font-size:var(--font-size-caption);color:rgba(255,255,255,0.75);line-height:2;}
.footer__list{display:flex;flex-direction:column;gap:var(--space-sm);}
.footer__list a{font-size:var(--font-size-caption);color:rgba(255,255,255,0.75);transition:all var(--transition-speed) var(--easing);}
.footer__list a:hover{color:#fff;padding-left:var(--space-xs);}
.footer__bottom{padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,0.15);text-align:center;}
.footer__copyright{font-size:var(--font-size-caption);color:rgba(255,255,255,0.5);}

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

/************************************/
/* Page Top */
/************************************/

.pagetop{position:fixed;right:20px;bottom:20px;width:60px;height:60px;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 12px rgba(0,155,99,0.3);opacity:0;visibility:hidden;transition:all var(--transition-speed) var(--easing);z-index:90;font-weight:700;font-size:0.75rem;letter-spacing:0.1em;}
.pagetop.is-show{opacity:1;visibility:visible;}
.pagetop:hover{background:var(--color-dark-green);transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,155,99,0.4);}

@media (max-width:767px){
.pagetop{width:50px;height:50px;right:15px;bottom:15px;font-size:0.7rem;}
}


/******************************************************************************************************************************
下層ページ(固定ページ)
****************************/


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

.page-header{position:relative;height:180px;display:flex;align-items:center;justify-content:center;margin-top:70px;overflow:hidden;}
.page-header__bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.page-header__bg::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1;}
.page-header__bg img{width:100%;height:100%;object-fit:cover;object-position:top center;}
.page-header__content{position:relative;z-index:2;text-align:center;}
.page-header__title{font-size:2.5rem;font-weight:900;color:#fff;margin-bottom:var(--space-sm);letter-spacing:2px;}
.page-header__desc{font-family:var(--font-family-en);font-size:1rem;font-weight:500;color:rgba(255,255,255,0.9);letter-spacing:3px;text-transform:uppercase;}

@media (max-width:767px){
.page-header{height:150px;}
.page-header__title{font-size:1.8rem;}
.page-header__desc{font-size:0.9rem;}
}

/************************************/
/* Page Main */
/************************************/

.page-main{background:var(--color-bg2);padding:80px 0;}

@media (max-width:767px){
.page-main{padding:60px 0;}
}

/************************************/
/* Page Section */
/************************************/

.page-section{margin-bottom:var(--space-xl);}
.page-section:last-child{margin-bottom:0;}

/************************************/
/* Page Content */
/************************************/

.page-content{background:#fff;padding:var(--space-xl);border-radius:var(--border-radius);box-shadow:var(--shadow);}
.page-content__title{font-size:2rem;font-weight:900;color:var(--color-corporate-blue);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:3px solid var(--color-primary);letter-spacing:1px;}

@media (max-width:767px){
.page-content{padding:var(--space-lg);}
.page-content__title{font-size:1.5rem;margin-bottom:var(--space-lg);}
}

/************************************/
/* Company Table */
/************************************/

.company-table{display:flex;flex-direction:column;}
.company-table__row{display:grid;grid-template-columns:250px 1fr;border-bottom:1px solid var(--color-border);}
.company-table__row:last-child{border-bottom:none;}
.company-table__label{padding:var(--space-md) var(--space-lg);background:var(--color-bg2);font-weight:700;color:var(--color-text);font-size:1rem;display:flex;align-items:center;}
.company-table__value{padding:var(--space-md) var(--space-lg);background:#fff;color:var(--color-text2);line-height:1.8;font-size:var(--font-size-text);display:flex;align-items:center;}
.company-table__value a{color:var(--color-primary);font-weight:600;transition:color var(--transition-speed) var(--easing);}
.company-table__value a:hover{color:var(--color-dark-green);text-decoration:underline;}

@media (max-width:767px){
.company-table__row{grid-template-columns:1fr;}
.company-table__label{border-left:4px solid var(--color-primary);padding:var(--space-sm) var(--space-md);}
.company-table__value{padding:var(--space-sm) var(--space-md);}
}

/************************************/
/* Message */
/************************************/

.message{display:grid;grid-template-columns:400px 1fr;gap:var(--space-xl);align-items:flex-start;}
.message__image{width:100%;}
.message__image img{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);}
.message__heading{font-size:1.75rem;font-weight:700;color:var(--color-corporate-blue);margin-bottom:var(--space-lg);line-height:1.5;}
.message__body{font-size:var(--font-size-text);color:var(--color-text2);line-height:1.9;margin-bottom:var(--space-md);}
.message__signature{font-size:var(--font-size-text);color:var(--color-text);margin-top:var(--space-lg);font-weight:600;line-height:1.8;}

@media (max-width:767px){
.message{grid-template-columns:1fr;gap:var(--space-lg);}
.message__heading{font-size:1.4rem;}
}

/************************************/
/* Access */
/************************************/

.access{display:grid;grid-template-columns:1fr;gap:var(--space-xl);}
.access__map{width:100%;height:400px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);}
.access__map iframe{width:100%;height:100%;}
.access__heading{font-size:1.5rem;font-weight:700;color:var(--color-corporate-blue);margin-bottom:var(--space-md);}
.access__address{font-size:var(--font-size-text);color:var(--color-text);line-height:1.8;margin-bottom:var(--space-lg);}
.access__detail{display:grid;grid-template-columns:120px 1fr;gap:var(--space-md);font-size:var(--font-size-text);}
.access__detail dt{color:var(--color-text);font-weight:700;}
.access__detail dd{color:var(--color-text2);line-height:1.8;}
.access__detail a{color:var(--color-primary);font-weight:600;transition:color var(--transition-speed) var(--easing);}
.access__detail a:hover{color:var(--color-dark-green);text-decoration:underline;}

@media (max-width:767px){
.access__map{height:300px;}
.access__heading{font-size:1.3rem;}
.access__detail{grid-template-columns:1fr;gap:var(--space-sm);}
.access__detail dt{font-weight:700;margin-top:var(--space-md);}
.access__detail dt:first-child{margin-top:0;}
}

/************************************/
/* Service Detail (1カラムレイアウト) */
/************************************/

.service-detail{display:flex;gap:var(--space-xl);align-items:flex-start;margin-bottom:var(--space-xl);padding:var(--space-xl);background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);}
.service-detail:last-child{margin-bottom:0;}
.service-detail__image{flex-shrink:0;width:400px;}
.service-detail__image img{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:var(--shadow);}
.service-detail__content{flex:1;}
.service-detail__title{font-size:1.75rem;font-weight:700;color:var(--color-corporate-blue);margin-bottom:var(--space-md);border-left:4px solid var(--color-primary);padding-left:var(--space-md);}
.service-detail__lead{font-size:1.125rem;color:var(--color-text);line-height:1.8;margin-bottom:var(--space-lg);font-weight:600;}
.service-detail__text{font-size:var(--font-size-text);color:var(--color-text2);line-height:1.9;margin-bottom:var(--space-md);}
.service-detail__list{margin:var(--space-lg) 0;padding-left:24px;}
.service-detail__list li{font-size:var(--font-size-text);color:var(--color-text2);line-height:1.8;margin-bottom:var(--space-sm);position:relative;}
.service-detail__list li::marker{color:var(--color-primary);font-weight:700;}

@media (max-width:767px){
.service-detail{flex-direction:column;padding:var(--space-lg);}
.service-detail__image{width:100%;}
.service-detail__title{font-size:1.4rem;}
.service-detail__lead{font-size:1rem;}
}

/************************************/
/* About Feature */
/************************************/

.about-intro{font-size:1.125rem;color:var(--color-text);line-height:1.9;margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-light-bg);border-radius:var(--border-radius);border-left:4px solid var(--color-primary);}
.about-feature{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin:var(--space-xl) 0;}
.about-feature__item{text-align:center;padding:var(--space-xl);background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);transition:all var(--transition-speed) var(--easing);}
.about-feature__item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);}
.about-feature__icon{font-size:3rem;color:var(--color-primary);margin-bottom:var(--space-md);}
.about-feature__title{font-size:1.25rem;font-weight:700;color:var(--color-corporate-blue);margin-bottom:var(--space-md);}
.about-feature__text{font-size:var(--font-size-text);color:var(--color-text2);line-height:1.8;}

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

/************************************/
/* Flow (導入の流れ) */
/************************************/

.flow{counter-reset:flow-counter;}
.flow__item{display:flex;gap:var(--space-xl);align-items:flex-start;margin-bottom:var(--space-xl);padding:var(--space-xl);background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);position:relative;counter-increment:flow-counter;}
.flow__item:last-child{margin-bottom:0;}
.flow__item::before{content:"STEP" counter(flow-counter);position:absolute;top:var(--space-lg);left:var(--space-lg);min-width:80px;padding:8px 16px;background:var(--color-primary);color:#fff;font-size:0.875rem;font-weight:700;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-en);letter-spacing:1px;}
.flow__content{flex:1;padding-left:100px;}
.flow__title{font-size:1.5rem;font-weight:700;color:var(--color-corporate-blue);margin-bottom:var(--space-md);}
.flow__text{font-size:var(--font-size-text);color:var(--color-text2);line-height:1.9;margin-bottom:var(--space-md);}
.flow__detail{font-size:var(--font-size-text);color:var(--color-text2);line-height:1.8;padding:var(--space-md);background:var(--color-bg2);border-radius:var(--border-radius);margin-top:var(--space-md);}

@media (max-width:767px){
.flow__item{flex-direction:column;padding:var(--space-lg);}
.flow__item::before{position:static;margin-bottom:var(--space-md);}
.flow__content{padding-left:0;}
.flow__title{font-size:1.3rem;}
}

/************************************/
/* Price Page (料金ページ) */
/************************************/

.price-wrap{max-width:1000px;margin:0 auto;padding:var(--space-xl) 0;}

/* Price Intro */
.price-intro{text-align:center;margin-bottom:var(--space-xl);padding:var(--space-xl);background:var(--color-bg2);border-radius:var(--border-radius);}
.price-intro__title{font-size:2rem;font-weight:900;color:var(--color-text);margin-bottom:var(--space-md);}
.price-intro__text{font-size:1.125rem;line-height:1.9;color:var(--color-text);}

/* Price Features */
.price-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl);}
.price-feature{background:#fff;padding:var(--space-lg);border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,0.1);text-align:center;transition:all var(--transition-speed) var(--easing);}
.price-feature:hover{box-shadow:0 4px 16px rgba(0,0,0,0.15);transform:translateY(-4px);}
.price-feature__icon{display:flex;justify-content:center;margin-bottom:var(--space-md);}
.price-feature__title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-md);}
.price-feature__text{font-size:0.9375rem;line-height:1.7;color:var(--color-text2);}

/* Price Reference */
.price-reference{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:var(--space-xl);border-radius:var(--border-radius);text-align:center;margin-bottom:var(--space-xl);color:#fff;}
.price-reference__header{margin-bottom:var(--space-lg);}
.price-reference__title{font-size:1.75rem;font-weight:900;margin-bottom:var(--space-md);}
.price-reference__text{font-size:1.0625rem;line-height:1.8;}
.price-reference__btn{display:inline-block;padding:var(--space-md) var(--space-xl);background:#fff;color:#667eea;font-size:1.125rem;font-weight:700;border-radius:var(--border-radius);transition:all var(--transition-speed) var(--easing);}
.price-reference__btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.3);}

/* Price Note */
.price-note{display:flex;gap:var(--space-lg);padding:var(--space-lg);background:#fff9e6;border-left:4px solid #ffcc00;border-radius:var(--border-radius);margin-bottom:var(--space-xl);}
.price-note__icon{font-size:3rem;line-height:1;flex-shrink:0;}
.price-note__content{flex:1;}
.price-note__title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm);}
.price-note__text{font-size:1.0625rem;line-height:1.8;color:var(--color-text2);}

/* Price Flow */
.price-flow{margin-bottom:var(--space-xl);padding:var(--space-xl);background:#fff;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.price-flow__title{font-size:1.75rem;font-weight:900;color:var(--color-text);text-align:center;margin-bottom:var(--space-xl);}
.price-flow__steps{display:flex;align-items:center;justify-content:space-between;}
.price-flow__step{flex:1;text-align:center;}
.price-flow__number{width:60px;height:60px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:1.5rem;font-weight:900;border-radius:50%;}
.price-flow__step-title{font-size:1.125rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-sm);}
.price-flow__step-text{font-size:0.875rem;line-height:1.6;color:var(--color-text2);}
.price-flow__arrow{font-size:1.5rem;color:var(--color-primary);font-weight:700;padding:0 var(--space-sm);}

/* Price CTA */
.price-cta{text-align:center;padding:var(--space-xl);background:var(--color-bg2);border-radius:var(--border-radius);}
.price-cta__title{font-size:2rem;font-weight:900;color:var(--color-text);margin-bottom:var(--space-md);}
.price-cta__text{font-size:1.0625rem;line-height:1.8;color:var(--color-text2);margin-bottom:var(--space-xl);}
.price-cta__buttons{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);}
.price-cta__tel{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-lg);background:#fff;border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.price-cta__tel-label{font-size:0.875rem;color:var(--color-text2);font-weight:600;}
.price-cta__tel-number{font-size:1.75rem;color:var(--color-primary);font-weight:900;}
.price-cta__tel-time{font-size:0.875rem;color:var(--color-text2);}

/* Responsive */
@media (max-width:1023px){
.price-features{grid-template-columns:1fr;}
.price-flow__steps{flex-direction:column;gap:var(--space-lg);}
.price-flow__arrow{transform:rotate(90deg);}
}

@media (max-width:767px){
.price-wrap{padding:var(--space-lg) 0;}
.price-intro{padding:var(--space-lg);}
.price-intro__title{font-size:1.5rem;}
.price-intro__text{font-size:1rem;}
.price-feature{padding:var(--space-md);}
.price-reference{padding:var(--space-lg);}
.price-reference__title{font-size:1.5rem;}
.price-note{flex-direction:column;gap:var(--space-md);padding:var(--space-md);}
.price-note__icon{font-size:2rem;}
.price-flow{padding:var(--space-lg);}
.price-flow__title{font-size:1.5rem;}
.price-cta{padding:var(--space-lg);}
.price-cta__title{font-size:1.5rem;}
.price-cta__tel-number{font-size:1.5rem;}
}



/************************************/
/* Contact CTA */
/************************************/

.contact-cta{text-align:center;padding:60px 40px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:var(--border-radius);color:#fff;}
.contact-cta__title{font-size:2rem;font-weight:900;margin-bottom:var(--space-md);}
.contact-cta__text{font-size:1.125rem;margin-bottom:var(--space-xl);line-height:1.8;opacity:0.95;}
.contact-cta__btn{display:inline-block;padding:18px 48px;background:#fff;color:var(--color-primary);font-weight:700;font-size:1.125rem;border-radius:var(--border-radius);transition:all var(--transition-speed) var(--easing);text-decoration:none;box-shadow:0 4px 16px rgba(0,0,0,0.2);}
.contact-cta__btn:hover{transform:translateY(-3px);box-shadow:0 6px 24px rgba(0,0,0,0.3);}

@media (max-width:767px){
.contact-cta{padding:40px 24px;}
.contact-cta__title{font-size:1.5rem;}
.contact-cta__text{font-size:1rem;}
}

/******************************************************************************************************************************
singleページ
****************************/

/************************************/
/* Pagination */
/************************************/

.pagination{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);}
.pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 var(--space-md);background:#fff;color:var(--color-text);font-weight:600;border:1px solid var(--color-border);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--easing);text-decoration:none;}
.pagination .page-numbers li:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}
.pagination .page-numbers.current{background:var(--color-primary);color:#fff;border-color:var(--color-primary);}
.pagination .page-numbers.dots{border:none;background:transparent;}

/************************************/
/* Single Post (お知らせ詳細) */
/************************************/

.single-post__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:3px solid var(--color-primary);}
.single-post__meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);}
.single-post__date{font-size:var(--font-size-caption);color:var(--color-text2);font-weight:600;}
.single-post__category{display:inline-block;padding:4px 12px;background:var(--color-primary);color:#fff;font-size:0.75rem;font-weight:600;border-radius:20px;}
.single-post__title{font-size:2rem;font-weight:900;color:var(--color-corporate-blue);line-height:1.5;}
.single-post__eyecatch{margin-bottom:var(--space-xl);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);}
.single-post__eyecatch img{width:100%;height:auto;}
.single-post__content{font-size:var(--font-size-text);color:var(--color-text);line-height:1.9;}
.single-post__content h2{font-size:1.75rem;font-weight:700;color:var(--color-corporate-blue);margin:var(--space-xl) 0 var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary);}
.single-post__content h3{font-size:1.5rem;font-weight:700;color:var(--color-corporate-blue);margin:var(--space-lg) 0 var(--space-md);border-left:4px solid var(--color-primary);padding-left:var(--space-md);}
.single-post__content p{margin-bottom:var(--space-md);}
.single-post__content ul,.single-post__content ol{margin:var(--space-lg) 0;padding-left:24px;}
.single-post__content li{margin-bottom:var(--space-sm);line-height:1.8;}
.single-post__content img{margin:var(--space-lg) 0;border-radius:var(--border-radius);box-shadow:var(--shadow);}

@media (max-width:767px){
.single-post__title{font-size:1.5rem;}
.single-post__content h2{font-size:1.4rem;}
.single-post__content h3{font-size:1.2rem;}
}

/************************************/
/* Single Example (導入事例詳細) */
/************************************/

.single-example__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:3px solid var(--color-primary);}
.single-example__meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);}
.single-example__tag{display:inline-block;padding:6px 16px;background:var(--color-primary);color:#fff;font-size:0.875rem;font-weight:700;border-radius:20px;}
.single-example__date{font-size:var(--font-size-caption);color:var(--color-text2);font-weight:600;}
.single-example__title{font-size:2rem;font-weight:900;color:var(--color-text);line-height:1.5;}
.single-example__eyecatch{margin-bottom:var(--space-xl);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-lg);}
.single-example__eyecatch img{width:100%;height:auto;}

/* Single Example Info */
.single-example__info{background:var(--color-bg2);padding:var(--space-lg);border-radius:var(--border-radius);margin-bottom:var(--space-xl);border-left:4px solid var(--color-primary);}
.single-example__info-list{display:flex;flex-direction:column;gap:var(--space-md);}
.single-example__info-item{display:flex;align-items:flex-start;padding:var(--space-md);background:#fff;border-radius:var(--border-radius);font-size:var(--font-size-text);}
.single-example__info-item dt{color:var(--color-text);font-weight:700;min-width:100px;flex-shrink:0;}
.single-example__info-item dd{color:var(--color-text2);line-height:1.6;}

/* Single Example Point */
.single-example__point{background:#fff;padding:var(--space-lg);border-radius:var(--border-radius);margin-bottom:var(--space-xl);border:2px solid var(--color-primary);}
.single-example__point-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-md);padding-left:var(--space-md);border-left:4px solid var(--color-primary);}
.single-example__point-text{font-size:var(--font-size-text);color:var(--color-text2);line-height:1.8;}

/* Single Example Content */
.single-example__content{font-size:var(--font-size-text);color:var(--color-text);line-height:1.9;}
.single-example__content h2{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:var(--space-xl) 0 var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary);}
.single-example__content h3{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:var(--space-lg) 0 var(--space-md);border-left:4px solid var(--color-primary);padding-left:var(--space-md);}
.single-example__content p{margin-bottom:var(--space-md);}
.single-example__content ul,.single-example__content ol{margin:var(--space-lg) 0;padding-left:24px;}
.single-example__content li{margin-bottom:var(--space-sm);line-height:1.8;}
.single-example__content img{margin:var(--space-lg) 0;border-radius:var(--border-radius);box-shadow:var(--shadow);}

@media (max-width:767px){
.single-example__title{font-size:1.5rem;}
.single-example__info-item{flex-direction:column;gap:var(--space-sm);}
.single-example__info-item dt{min-width:auto;}
.single-example__point{padding:var(--space-md);}
.single-example__content h2{font-size:1.4rem;}
.single-example__content h3{font-size:1.2rem;}
}

/************************************/
/* Single Post (お知らせ詳細) */
/************************************/

.single-post__header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:3px solid var(--color-primary);}
.single-post__meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);}
.single-post__date{font-size:var(--font-size-caption);color:var(--color-text2);font-weight:600;}
.single-post__category{display:inline-block;padding:4px 12px;background:var(--color-primary);color:#fff;font-size:0.75rem;font-weight:600;border-radius:20px;}
.single-post__title{font-size:2rem;font-weight:900;color:var(--color-text);line-height:1.5;}
.single-post__eyecatch{margin-bottom:var(--space-xl);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);}
.single-post__eyecatch img{width:100%;height:auto;}
.single-post__content{font-size:var(--font-size-text);color:var(--color-text);line-height:1.9;}
.single-post__content h2{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:var(--space-xl) 0 var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary);}
.single-post__content h3{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:var(--space-lg) 0 var(--space-md);border-left:4px solid var(--color-primary);padding-left:var(--space-md);}
.single-post__content p{margin-bottom:var(--space-md);}
.single-post__content ul,.single-post__content ol{margin:var(--space-lg) 0;padding-left:24px;}
.single-post__content li{margin-bottom:var(--space-sm);line-height:1.8;}
.single-post__content img{margin:var(--space-lg) 0;border-radius:var(--border-radius);box-shadow:var(--shadow);}

@media (max-width:767px){
.single-post__title{font-size:1.5rem;}
.single-post__content h2{font-size:1.4rem;}
.single-post__content h3{font-size:1.2rem;}
}

/************************************/
/* Back to List */
/************************************/

.back-to-list{text-align:center;margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);}


/************************************/
/* Contact Form (お問い合わせフォーム) - コンパクト版 */
/************************************/
.contact-wrap{max-width:800px;margin:0 auto;padding:var(--space-lg) 0;}
.contact-intro{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-bg2);border-radius:var(--border-radius);border-left:4px solid var(--color-primary);}
.contact-intro p{font-size:0.9375rem;line-height:1.7;color:var(--color-text);margin-bottom:0;}
.contact-form{background:#fff;padding:var(--space-lg);border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.form-group{margin-bottom:var(--space-lg);}
.form-group__label{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm);}
.form-group__label label{font-size:0.9375rem;font-weight:700;color:var(--color-text);}
.label-badge{display:inline-block;padding:3px 8px;font-size:0.6875rem;font-weight:700;border-radius:3px;white-space:nowrap;}
.label-badge--required{background:#e53e3e;color:#fff;}
.label-badge--optional{background:#718096;color:#fff;}
.label-note{font-size:0.8125rem;color:var(--color-text2);font-weight:400;}
.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm);font-size:0.9375rem;color:var(--color-text);background:#fff;border:2px solid var(--color-border);border-radius:var(--border-radius);transition:all var(--transition-speed) var(--easing);}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px rgba(59,130,246,0.1);}
.form-input::placeholder,.form-textarea::placeholder{color:#a0aec0;}
.form-input--confirm{margin-top:var(--space-sm);}
.form-input--tel{max-width:300px;}
.form-input--zip{max-width:180px;}
.form-select--pref{max-width:200px;}
.form-input--zip-inline{width:auto;max-width:150px;display:inline-block;margin-left:4px;}
.form-textarea{resize:vertical;min-height:140px;line-height:1.7;font-family:inherit;}
.form-address{display:flex;flex-direction:column;gap:var(--space-sm);}
.form-address__row{display:flex;gap:var(--space-sm);}
.form-address__item{display:flex;flex-direction:column;gap:4px;}
.form-address__item--half{flex:1;}
.form-address__label{font-size:0.8125rem;font-weight:600;color:var(--color-text2);}
.form-file__input{padding:var(--space-sm);border:2px dashed var(--color-border);background:var(--color-bg2);cursor:pointer;}
.form-file__input:hover{border-color:var(--color-primary);}
.form-file__note{font-size:0.6875rem;color:var(--color-text2);margin-top:4px;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;line-height:1.5;}
.form-submit{text-align:center;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);}
.btn--lg{padding:var(--space-sm) var(--space-xl);font-size:1.0625rem;min-width:240px;font-weight:700;}
.btn--primary{background:var(--color-primary);color:#fff;border:none;}
.btn--primary:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.3);}
@media (max-width:767px){.contact-wrap{padding:var(--space-md) 0;}.contact-intro{padding:var(--space-sm);}.contact-form{padding:var(--space-md);}.form-group{margin-bottom:var(--space-md);}.form-group__label{flex-direction:column;align-items:flex-start;gap:4px;}.label-note{width:100%;}.form-input--tel{max-width:100%;}.form-address__row{flex-direction:column;}.btn--lg{width:100%;min-width:auto;}}



/************************************/
/* Thanks Page (サンクスページ) */
/************************************/

.thanks-wrap{max-width:800px;margin:0 auto;padding:var(--space-xl) 0;}
.thanks-content{background:#fff;padding:var(--space-xl);border-radius:var(--border-radius);box-shadow:0 2px 8px rgba(0,0,0,0.1);text-align:center;}

/* Thanks Icon */
.thanks-icon{display:flex;justify-content:center;margin-bottom:var(--space-lg);animation:scaleIn 0.5s ease-out;}
@keyframes scaleIn{
0%{transform:scale(0);opacity:0;}
50%{transform:scale(1.1);}
100%{transform:scale(1);opacity:1;}
}

/* Thanks Title */
.thanks-title{font-size:2rem;font-weight:900;color:var(--color-text);margin-bottom:var(--space-lg);line-height:1.4;}

/* Thanks Message */
.thanks-message{margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--color-bg2);border-radius:var(--border-radius);text-align:left;}
.thanks-message p{font-size:var(--font-size-text);line-height:1.8;color:var(--color-text);margin-bottom:0;}
.thanks-message p + p{margin-top:var(--space-md);}
.thanks-message strong{color:var(--color-primary);font-weight:700;}

/* Thanks Contact */
.thanks-contact{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);background:#f8fafc;border-radius:var(--border-radius);}
.thanks-contact__item{text-align:left;}
.thanks-contact__label{font-size:0.875rem;font-weight:700;color:var(--color-text2);margin-bottom:var(--space-sm);}
.thanks-contact__tel,
.thanks-contact__email{display:flex;align-items:center;gap:var(--space-sm);font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-sm);}
.thanks-contact__tel svg,
.thanks-contact__email svg{flex-shrink:0;}
.thanks-contact__email a{color:var(--color-primary);text-decoration:none;word-break:break-all;}
.thanks-contact__email a:hover{text-decoration:underline;}
.thanks-contact__time{font-size:0.875rem;color:var(--color-text2);}

/* Thanks Buttons */
.thanks-buttons{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);}
.btn--lg{padding:var(--space-md) var(--space-xl);font-size:1.125rem;min-width:200px;font-weight:700;border-radius:var(--border-radius);transition:all var(--transition-speed) var(--easing);}
.btn--primary{background:var(--color-primary);color:#fff;border:2px solid var(--color-primary);}
.btn--primary:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.3);}
.btn--outline{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary);}
.btn--outline:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.3);}

/* Thanks Related */
.thanks-related{text-align:left;}
.thanks-related__title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-lg);text-align:center;}
.thanks-related__links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);}
.thanks-related__link{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:#fff;border:2px solid var(--color-border);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition-speed) var(--easing);}
.thanks-related__link:hover{border-color:var(--color-primary);background:var(--color-bg2);transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.thanks-related__icon{font-size:2rem;}
.thanks-related__text{font-size:0.875rem;font-weight:600;color:var(--color-text);}

/* Responsive */
@media (max-width:767px){
.thanks-wrap{padding:var(--space-lg) 0;}
.thanks-content{padding:var(--space-lg);}
.thanks-title{font-size:1.5rem;}
.thanks-message{padding:var(--space-md);}
.thanks-contact{grid-template-columns:1fr;gap:var(--space-md);}
.thanks-contact__tel,
.thanks-contact__email{font-size:1rem;}
.thanks-buttons{flex-direction:column;}
.btn--lg{width:100%;min-width:auto;}
.thanks-related__links{grid-template-columns:repeat(2,1fr);}
}


/************************************/
/* Column Section */
/************************************/
.column {padding:var(--space-xl) 0;background:var(--color-bg);}
.column__grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--space-md);margin-top:var(--space-lg);}
.column__more,.news__more {text-align: center;margin-top:30px} {margin-top:var(--space-lg);text-align:center;}

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

@media (max-width: 767px) {
.column {padding:var(--space-lg) 0;}
.column__grid {grid-template-columns:repeat(2, 1fr);gap:var(--space-sm);}
}

/************************************/
/* Column Card */
/************************************/

.column-card {background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;transition:transform var(--transition-speed) var(--easing), box-shadow var(--transition-speed) var(--easing);}

.column-card:hover {transform:translateY(-4px);box-shadow:var(--shadow-lg);}

.column-card__image {position:relative;width:100%;padding-top:62.5%;overflow:hidden;background:var(--color-bg2);}

.column-card__image a {position:absolute;top:0;left:0;width:100%;height:100%;display:block;}

.column-card__image img {width:100%;height:100%;object-fit:cover;transition:transform var(--transition-speed) var(--easing);}

.column-card:hover .column-card__image img {transform:scale(1.05);}

.column-card__content {padding:var(--space-md);}

.column-card__meta {display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);}

.column-card__date {font-size:var(--font-size-caption);color:var(--color-text2);}

.column-card__title {font-size:var(--font-size-text);font-weight:700;line-height:1.5;margin-bottom:var(--space-sm);}

.column-card__title a {color:var(--color-text);transition:color var(--transition-speed) var(--easing);}

.column-card__title a:hover {color:var(--color-primary);}

.column-card__excerpt {font-size:var(--font-size-caption);color:var(--color-text2);line-height:1.6;}

@media (max-width: 767px) {
.column-card__content {padding:var(--space-sm);}
.column-card__title {font-size:0.875rem;}
.column-card__excerpt {font-size:0.75rem;}
}

/************************************/
/* Single Column (コラム詳細) */
/************************************/
.single-column__header {margin-bottom:var(--space-lg);}
.single-column__meta {display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);}
.single-column__date {font-size:var(--font-size-caption);color:var(--color-text2);}
.single-column__category {display:inline-block;padding:4px 12px;background:var(--color-primary);color:#fff;font-size:var(--font-size-caption);border-radius:4px;}
.single-column__title {font-size:var(--font-size-ttl);font-weight:700;line-height:1.4;color:var(--color-text);}
.single-column__eyecatch {margin-bottom:var(--space-lg);border-radius:var(--border-radius);overflow:hidden;}
.single-column__eyecatch img {width:100%;height:auto;}
.single-column__content {font-size:var(--font-size-text);line-height:1.8;color:var(--color-text);}
.single-column__content h2 {font-size:var(--font-size-subttl);font-weight:700;margin-top:var(--space-lg);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary);}
.single-column__content h3 {font-size:var(--font-size-lead);font-weight:700;margin-top:var(--space-md);margin-bottom:var(--space-sm);}
.single-column__content p {margin-bottom:var(--space-md);}
.single-column__content ul,
.single-column__content ol {margin-bottom:var(--space-md);padding-left:var(--space-md);}
.single-column__content ul li,
.single-column__content ol li {margin-bottom:var(--space-sm);line-height:1.8;}
.single-column__content ul li {list-style:disc;}
.single-column__content ol li {list-style:decimal;}
.single-column__content blockquote {padding:var(--space-md);margin:var(--space-md) 0;background:var(--color-bg2);border-left:4px solid var(--color-primary);font-style:italic;}
.single-column__content img {max-width:100%;height:auto;margin:var(--space-md) 0;border-radius:var(--border-radius);}
.single-column__content a {color:var(--color-primary);text-decoration:underline;transition:color var(--transition-speed) var(--easing);}
.single-column__content a:hover {color:var(--color-secondary);}
.single-column__related {margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);}
.single-column__related-title {font-size:var(--font-size-subttl);font-weight:700;margin-bottom:var(--space-md);text-align:center;}
.single-column__related-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-md);}

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

@media (max-width: 767px) {
.single-column__header {margin-bottom:var(--space-md);}
.single-column__title {font-size:1.5rem;}
.single-column__eyecatch {margin-bottom:var(--space-md);}
.single-column__content {font-size:0.875rem;}
.single-column__content h2 {font-size:1.25rem;margin-top:var(--space-md);}
.single-column__content h3 {font-size:1rem;}
.single-column__related {margin-top:var(--space-lg);padding-top:var(--space-lg);}
.single-column__related-title {font-size:1.25rem;}
.single-column__related-grid {grid-template-columns:1fr;gap:var(--space-sm);}
}