.line-deco01 {width:51px; height: 38px; position: absolute; right: 20px; margin-top: -60px; z-index: -1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='137.234' height='100.883' viewBox='0 0 137.234 100.883'%3E%3Cg transform='translate(-1217.5 -63.059)' opacity='0.667'%3E%3Crect width='155' height='6' transform='translate(1354.734 86.441) rotate(150)' fill='%23799295'/%3E%3Cpath d='M0,0H123.859V6H0Z' transform='translate(1349.234 76.915) rotate(150)' fill='%23ddb282'/%3E%3Cpath d='M0,0H77.5V6H0Z' transform='translate(1344.234 68.255) rotate(150)' fill='%23c4d6d8'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / 100%;
}

/*  */

#page {
    background: url(/wp-content/themes/katsumata-denki/img/cover/image_top_circle.png) no-repeat calc(100vw - 200px) calc(100vh - 110px) / 160%;

}
/* Safari */
_::-webkit-full-page-media, _:future, :root .page-desc {
    
}
_::-webkit-full-page-media, _:future, :root .page-desc>span ,_:future, :root #fInfo h2>span{
    margin-right: -0.6em;
}
.page-desc-sub { line-height: 2;}
.header-cover { max-width: 570px; margin-bottom: 0;}

#primary { padding-left: 0; padding-right: 0;}
.coverPhotos {height: auto !important; width: auto; background: none;}
.coverPhotos > i {
    filter: brightness(1.1) saturate(0.7);
}
.coverPhotos > i:nth-of-type(1){margin-top: 80px;
    background: url(/wp-content/themes/katsumata-denki/img/cover/image_top_03.png) no-repeat 0px -20px / 110%;}
.coverPhotos > i:nth-of-type(2){margin: 40px 20px 0;
    background: url(/wp-content/themes/katsumata-denki/img/cover/image_top_02.png) no-repeat 0px -20px / 110%;}
.coverPhotos > i:nth-of-type(3){margin: 0 -15px 0 0;
    background: url(/wp-content/themes/katsumata-denki/img/cover/image_top_01.png) no-repeat 0px -20px / 110%;}

.pageDownIcon { bottom: -30px;}

.sectionExplain,.sectionTitle { padding-left: 10px; padding-right: 10px; }
.sectionTitle { margin-bottom: 20px;}
.sectionExplain { font-size: 12px; font-weight: bold; line-height: 24px;}

.primaryBtnWrap { margin-left: 0 !important; margin-right: auto !important; }

/*  */
#aboutUsWrap {}
/* #aboutUsWrap .primaryBtn { margin-left: -10px;} */
/* services */
#servicesWrap { margin-top: 50px;}

#serviceExplain {}
.servicesLinkBtn.top { display: none;}
.servicesLinkBtn.bottom { display: flex; margin: 50px auto 0;}

#servicesList {margin: 50px -20px 0 ;}
.serviceItem{ position: relative; width: 100%;margin: 0 !important;
}
.serviceItem > div{}
.serviceItem figure.sImg{
    position: relative;
    overflow: hidden; width: max-content;
    width: 161px;
    height: 161px;
    margin: 0;
    filter: drop-shadow(2px 4px 6px #aaa);
}
.serviceItem figure.sImg:after{ content: ""; width: 40px; height: 35px;
    position: absolute; bottom: 2px; right: 0px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='41.88' height='35.388' viewBox='0 0 41.88 35.388'%3E%3Cg transform='translate(0 18.575) rotate(-30)'%3E%3Crect width='37.149' height='2.908' fill='%23799295'/%3E%3Cpath d='M0,0H20.583V2.908H0Z' transform='translate(0.139 8.331)' fill='%23ddb282'/%3E%3Cpath d='M0,0H11.57V2.908H0Z' transform='translate(0.57 16.507)' fill='%23c4d6d8'/%3E%3C/g%3E%3C/svg%3E ") no-repeat center / 100%;
}
.serviceItem figure.sImg img{width:100%; border-radius: 50%; position: relative; transform: translateX(-29%);}
.serviceItem .sInfo{ 
    width: 100%; z-index: 3; position: relative;
    padding-left: 90px; padding-right: 20px; margin-top: -120px;
    margin-bottom: 26px;
    }
.serviceItem h4{ margin:0 auto 1em; padding-left:10px; position: relative; width: max-content; height: 2em;}
.serviceItem h4::before,.serviceItem h4::after {content: ""; width: 32px; height: 32px; position: absolute; z-index: -1;}
.serviceItem h4::before{background: var(--color23); left: -0.4em; top: -0.5em; opacity: 0.5;}
.serviceItem h4::after {background: var(--color12);  left: 0em; top: -0.1em;}
.serviceItem:nth-of-type(3) h4 { width: 6.75em; height: 3em; margin-bottom:0;}
.serviceItem .sDesc{margin: 0; position: relative; z-index: 0;
    font-size: var(--font-size-xs);}

.serviceItem .sDesc:before {
    content: "";
    width: 116px;
    height: 116px;
    background: #ffffffb5;
    position: absolute;
    border-radius: 50%;
    top: -15px;
    left: -27px;
    z-index: -1;
}
.serviceItem .sDesc:after {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    right: 0em;
    bottom: -4em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='134.795' height='104.191' viewBox='0 0 134.795 104.191'%3E%3Cg transform='matrix(0.999, -0.035, 0.035, 0.999, -3.188, 4.285)' opacity='0.258'%3E%3Cpath d='M0,0,152.423,4.463l.173,5.7L.173,5.7Z' transform='translate(137.234 23.847) rotate(150)' fill='%23799295'/%3E%3Cpath d='M0,0,121.8,3.567l.173,5.7L.173,5.7Z' transform='translate(131.734 14.954) rotate(150)' fill='%23ddb282'/%3E%3Cpath d='M0,0,76.212,2.232l.173,5.7L.173,5.7Z' transform='translate(126.734 6.87) rotate(150)' fill='%23c4d6d8'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center / 100%;
}

/**** works *** */
#worksWrap { }
.worksLinkBtn{ margin: 50px auto 0 !important;}
#worksInner {}
#worksInner > div {
    display: flex; justify-content:space-between; align-items: start;
    flex-wrap: wrap;
}
#worksExplain { width: 100%; margin: 0 auto 2em;}
#worksSlideWrap { width: 100%; margin: 0 auto 0 ; position: relative;}
#worksSlideWrap > div { 
    width: calc(100% + 30px);
    margin: 0 auto;
    margin-left: -15px;
    overflow: hidden;
}
/* コンテナ */
#worksList {
  position: relative;
  padding: 0 48px 40px; /* 左右ナビ分 + 下はドット分 */
  overflow: visible;    /* チラ見えを許可 */
}

/* スライドを90%幅にして左右チラ見え */
#worksList .swiper-slide {
  width: 90%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    border-radius: 999px;
    overflow: hidden;
}

/* 円形カード（padding比率で1:1） */
#worksList .slide-card {
  position: relative;
  /* 正方形を作る：高さ = 幅の100% */
  padding-top: 100%;
}

/* 円形化＆中身配置 */
#worksList .slide-content {
  position: absolute;
  inset: 0;
  border-radius: 9999px; /* 完全な円 */
  background: #111;
  color: #fff;
  display: grid;
  place-items: center;    /* 中央寄せ */
  text-align: center;
  padding: 16px 20px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}

/* タイトルなど */
#worksList .ktsm-card > a {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 0;
    z-index: -1;
}
.ktsm-card > a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0.75;
}
.ktsm-title a{
    text-decoration: none;
    font-weight: bold;
    color: white;
    mix-blend-mode: color-dodge;
    text-shadow: 1px 0px 0px black;
}
.ktsm-tag {
    font-size: var(--font-size-min);
    font-style: normal;
    border-radius: 25px;
    font-weight: bold;
    color: var(--font-color5);
    letter-spacing: -1px;
    padding: 1px 5px;
    background: #ffffff;
}
.ktsm-meta { justify-content: center; }
.wmd.wMetaDate { font-size: var(--font-size-xs); 
 border-radius: 25px;
    font-weight: bold;
    text-shadow: 1px 1px 2px white;
    letter-spacing: -1px;
    padding: 1px 5px;
}
.wmd.wMetaPlace,.wmd.wMetaDetail { display: none;}


/* ドットは下部中央 */
#worksSlideWrap .swiper-pagination {
  bottom: 0 !important;
}
#worksSlideWrap .swiper-pagination-bullet { opacity: .4; }
#worksSlideWrap .swiper-pagination-bullet-active { opacity: 1; background: black; }

/* ナビはコンテナ左右中央に絶対配置 */
#worksSlideWrap .swiper-button-prev,
#worksSlideWrap .swiper-button-next {
  height: 100%;
  width: 40px;
  background: none;
  box-shadow: none;
  border: none;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold; text-shadow: 2px 0 0 var(--color23);
  color: var(--color23);
  outline: 0;
  filter: drop-shadow(0px 1px 3px rgb(188, 187, 187));
}
#worksSlideWrap .swiper-button-prev { 
    left: -10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.735' height='37.166' viewBox='0 0 16.735 37.166'%3E%3Cpath d='M-2669.306,8474.468a4.1,4.1,0,0,1-3.381-1.546l-12.937-7.439A4,4,0,0,1-2687.1,8460a4.039,4.039,0,0,1,5.5-1.47l12.3,7.074,12.706-7.307a4.087,4.087,0,0,1,5.575,1.487,4.056,4.056,0,0,1-1.494,5.554l-13.167,7.572a4.038,4.038,0,0,1-3.205,1.576A4.04,4.04,0,0,1-2669.306,8474.468Z' transform='translate(8474.49 2687.638) rotate(90)' fill='%23739396'/%3E%3C/svg%3E%0A") no-repeat center / 16px 37px;
}
#worksSlideWrap .swiper-button-next { 
    right: -10px; 
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.735' height='37.166' viewBox='0 0 16.735 37.166'%3E%3Cpath d='M-2669.317,8474.469a4.1,4.1,0,0,1-3.371-1.546l-12.935-7.439A4,4,0,0,1-2687.1,8460a4.038,4.038,0,0,1,5.5-1.47l12.3,7.072,12.7-7.306a4.091,4.091,0,0,1,5.577,1.488,4.056,4.056,0,0,1-1.493,5.554l-13.167,7.571a4.039,4.039,0,0,1-3.207,1.576C-2669.03,8474.49-2669.175,8474.481-2669.317,8474.469Z' transform='translate(-8457.755 -2650.472) rotate(-90)' fill='%23739396'/%3E%3C/svg%3E%0A") no-repeat center / 16px 37px;
}
#worksSlideWrap .swiper-button-prev::after,
#worksSlideWrap .swiper-button-next::after {
  font-size: 16px;
  color: #636161;
  visibility: hidden;
}

/* 小さめ画面の調整 */
@media (max-width: 640px) {
  #worksList { padding: 0 51px 36px; }
  #worksList .swiper-slide { width: 92%; } /* 少しだけ詰める */
  #worksList .slide-content h3 { font-size: 16px; }
}

/* ****** news ***** */
#newsWrap { }
.katsumata-news__item { overflow: hidden; }
.katsumata-news__meta { 
    position: relative;
    background: var(--color12);
    color: var(--font-color3);
    font-weight: bold;
    width: 14em;
    padding: 3px 3em;
    font-size: var(--font-size-xs);
    font-weight: bold;
    display: flex; justify-content: center; align-items: center;
}
.katsumata-news__meta:after {
    content:''; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.67' height='17.014' viewBox='0 0 21.67 17.014'%3E%3Cg transform='matrix(0.914, -0.407, 0.407, 0.914, 0, 7.827)'%3E%3Crect width='19.243' height='1.506' fill='%23799295'/%3E%3Cpath d='M0,0H10.662V1.506H0Z' transform='translate(0.139 4.315)' fill='%23ddb282'/%3E%3Cpath d='M0,0H5.993V1.506H0Z' transform='translate(0.57 8.55)' fill='%23c4d6d8'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat;
    width: 20px; height:19px; position: absolute; top: 0; right: -6px;
} 
.katsumata-news__content { padding: 0.8em 1em 1.2em 1em; display: block; position: relative;color: var(--font-color1); text-decoration: none;background: white; border: 1px solid var(--color12);}
.katsumata-news__title { display: block; position: relative; margin: 0.5em auto 0.2em;}
.katsumata-news__title:after { position: absolute;top: 0.4em; right: -10px; content: ""; width: 12px; height: 14px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4.736' height='11.216' viewBox='0 0 4.736 11.216'%3E%3Cpath d='M5.531,4.73a1.27,1.27,0,0,1-1.019-.437l-3.9-2.1A1.1,1.1,0,0,1,.163.637,1.265,1.265,0,0,1,1.824.221l3.71,2L9.368.154A1.281,1.281,0,0,1,11.05.575a1.109,1.109,0,0,1-.45,1.571L6.627,4.29a1.249,1.249,0,0,1-.967.446Q5.6,4.736,5.531,4.73Z' transform='translate(0 11.216) rotate(-90)' fill='%23739396' opacity='0.329'/%3E%3C/svg%3E%0A") no-repeat;}
.katsumata-news__excerpt { font-size: 12px;  }
.katsumata-news__excerpt p { 
    margin: 0 auto 0 0; 
    width: 95%;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;  /* 表示する行数 */
    overflow:hidden;       /* 省略される部分を隠す */
    /* 長い単語やURLでのはみ出し対策（任意） */
    overflow-wrap:anywhere;
}

.newsLinkBtn { margin: 50px auto 0; }

/* *** faq *** */
.faqItemWrap {  }
.faqItem { margin: 5px auto; }
.faqLinkBtn { margin: 50px auto 0; }



@media screen and (min-width: 490px) {
	.coverPhotos > i:nth-of-type(3){margin: 0 0px 0 0;}
    .page-desc { width: auto;}
    #worksSlideWrap { max-width: 400px; margin: 0 auto;}
}
@media screen and (min-width: 768px) {
    .line-deco01 {width:137px; height: 100px;}
    #page {
        background: url(/wp-content/themes/katsumata-denki/img/cover/image_top_circle.png) 
        no-repeat calc(50% - 400px)600px / 695px;
    }
    /*  */
    .header-cover { max-width: 1280px; }
    .page-desc {width: 17.1em; margin-top: 0px; text-shadow: 4px 1px 4px white; }
    .page-desc-sub {
        width: 24.2em !important;
        margin-top: 2.4em;
        margin-left: 2.5em;
        line-height: 2.5;
        text-shadow: 2px 1px 2px white; 
    }
    .header-cover>svg.pc {
        left: 210px;
        top: 440px;
    }

    /*  */
    .coverPhotos { top: 100px; width:auto; height: auto; background: none;}

    .coverPhotos > i{
        width: 131px;
        height: 345px;
    }
    .coverPhotos > i:nth-of-type(1){margin-top: 0px;}
	.coverPhotos > i:nth-of-type(2){margin: 100px 40px 0;}
	.coverPhotos > i:nth-of-type(3){margin: 0 0px 0 0;}
    
    /* common */
    #primary { max-width: 1024px;}
    .sectionExplain { font-size: 14px;line-height: 28px; letter-spacing: 0;}
    .entry-content > section { margin-bottom: 100px !important;}
    
    /*  */
    #aboutUsWrap { padding-left: 45%;margin-top:170px}

    /* services */
    .servicesLinkBtn.top { display: flex; margin-top: 80px;}
    .servicesLinkBtn.bottom { display: none;}
    #serviceExplain { position: relative; padding-right: 50px;}
    #serviceExplain .sectionExplain { padding: 0 10px 0;}
    #servicesListWrap { position: relative; padding-right: 30px;}
    #servicesListWrap > div { display: flex; justify-content: space-between; align-items: start;}
    #serviceExplain { width: 50%;}
    #servicesList { width: 55%; margin-top: 25px;}
    .serviceItem {padding: 0 15px; margin-bottom: 2em;}
    .serviceItem > div { display: flex; justify-content: start; align-items: center;}
    .serviceItem figure.sImg {width: 191px; flex: 0 0 161px; height: max-content; margin-bottom: 30px;}
    .serviceItem figure.sImg img { transform: translateX(0);}
    .serviceItem .sInfo {
        margin: -0.9em auto 0; padding: 0 15px;
    }
    .serviceItem .sInfo h4 {margin-left: 0;  margin-bottom:0; height: 2em;z-index: 1;}
    .serviceItem:nth-of-type(3) h4 { width: auto;}
    .serviceItem .sDesc:before{ top: -47px; left: -50px; }

    /* ** works ** */
    #worksExplain { width: 45%;margin-left: 0;}
    #worksSlideWrap { width: 45%; overflow: hidden;}
    #worksSlideWrap > div { 
        width: 100%; margin: 0 auto; margin-left:auto; overflow: hidden;
    }
    #worksSlideWrap .swiper-button-prev { left: 7px; }
    #worksSlideWrap .swiper-button-next { right: 7px; }
    .worksLinkBtn { margin: 0px auto 0 0 !important;}
    /* ** news **  */
    /*  */
    .katsumata-news__item { overflow: auto !important; display: flex; justify-content: stretch; align-items: stretch;}
    .katsumata-news__meta { font-size: 14px; flex:0 0 16em;}
    .katsumata-news__meta:after { top: 50%; right: -1em; transform: translateY(-50%) scale(1.7); z-index: 2; }

    .katsumata-news__content { padding: 1em 2em 1.7em 3em; background: white; border: 1px solid var(--color12); flex: 1 1 auto;min-width:0;}
    .katsumata-news__title { font-size: 18px; }
    .katsumata-news__title:after { top: 2.1em; right: -20px; transform: scale(1.7);}
    .katsumata-news__excerpt { width: 95%;}

    .newsLinkBtn { margin: 50px auto 0 0; }

    /* *** faq *** */
    .faqLinkBtn { margin: 50px auto 0 0; }

}
@media screen and (min-width: 1024px) {
    .coverPhotos > i {
        width: 171px;
        height: 418px;
    }
    
    .page-desc { margin-top: 10px; }
    .header-cover { margin-bottom: 50px;}
    .sectionExplain { font-size: 16px;line-height: 34px; letter-spacing: 0;}

}
@media screen and (min-width: 1280px) {
    #primary { max-width: 1140px; }
    .page-desc { margin-top: 120px; }

	/*  */
	.coverPhotos {background: none;}
    .coverPhotos > i {
        width: 191px !important;
        height: 468px !important;
    }
	.coverPhotos > i:nth-of-type(3){margin: 0 0px 0 0;}

    /*  */
    #serviceExplain {
        width: 50%;
    }
}