/*
Theme Name: Nishiki Child
Template: nishiki
Version: 1.0
*/

/* ========================================
記事詳細ページ共通
======================================== */

/* ページヒーロー（固定ページと同じ） */
.single-works-template .page-hero,
.single-post-template .page-hero {
min-height: 500px;
position: relative;
background: #fff;
}

.hero-container {
display: flex;
align-items: stretch;
min-height: 500px;
}

.hero-left {
flex: 0 0 45%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 4rem;
background: #fff;
position: relative;
}

.page-title-ja {
font-size: 3rem;
font-weight: bold;
margin: 0 0 1rem 0;
line-height: 1.2;
}

.page-title-en {
font-size: 1.2rem;
letter-spacing: 0.2em;
color: #666;
margin: 0;
}

.hero-right {
flex: 1;
position: relative;
overflow: hidden;
}

.hero-right img {
width: 100%;
height: 100%;
object-fit: cover;
}

/* ========================================
施工事例詳細ページ
======================================== */

.works-content {
background: #b0b8c1;
padding: 4rem 0;
}

.content-container {
max-width: 800px;
margin: 0 auto;
padding: 3rem;
background: #fff;
border-radius: 16px;
}

.works-title {
font-size: 2rem;
font-weight: bold;
margin: 0 0 2rem 0;
padding-bottom: 1rem;
border-bottom: 2px solid #333;
}

/* ギャラリー */
.works-gallery {
margin: 2rem 0;
}

.main-image {
margin-bottom: 1.5rem;
}

.main-image img {
width: 100%;
height: auto;
border-radius: 8px;
}

.thumbnail-gallery {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0.5rem;
}

.thumbnail-gallery img {
width: 100%;
height: 80px;
object-fit: cover;
border-radius: 4px;
cursor: pointer;
transition: opacity 0.3s;
}

.thumbnail-gallery img:hover {
opacity: 0.7;
}

/* 物件詳細 */
.works-details{
margin:30px 0 0;
padding:30px 0 0;
border-top:1px dashed #ccc;
}
.detail-item {
display: flex;
padding: 10px 0;
align-items:center;
}
.detail-item:last-child {
border-bottom: none;
}
.detail-label {
flex: 0 0 100px;
font-size:12px;
font-weight: bold;
color: #fff;
background: #333;
padding:10px 0;
margin-right: 1rem;
text-align: center;
}
.detail-value {
flex: 1;
padding: 0.5rem 0;
font-size:14px;
}

/* 本文 */
.works-description {
margin: 3rem 0;
line-height: 1.8;
}

/* ========================================
お知らせ詳細ページ
======================================== */

.post-content {
background: #b0b8c1;
padding: 4rem 0;
}

.post-date {
font-size: 0.9rem;
color: #666;
margin-bottom: 1rem;
}

.post-title {
font-size: 2rem;
font-weight: bold;
margin: 0 0 2rem 0;
padding-bottom: 1rem;
border-bottom: 2px solid #333;
}

.post-body {
margin: 3rem 0;
line-height: 1.8;
}

/* ========================================
CTAセクション（共通）
======================================== */
.works-cta,
.post-cta {
margin-top: 30px;
padding-top: 30px;
border-top: 2px solid #ddd;
}
.cta-text {
text-align: center;
margin-bottom: 2rem;
line-height: 1.8;
font-size:16px;
}
.cta-buttons {
display: flex;
gap: 1.5rem;
justify-content: center;
flex-wrap: wrap;
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 1rem 2.5rem;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s;
min-width: 250px;
position:relative;
}
.btn:after{
content:"";
width:20px;
height:20px;
background:url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/yaji-w.svg)no-repeat center / 100% 100%;
display:block;
position:absolute;
bottom:0;
top:0;
right:20px;
margin:auto;
z-index:0;
}
.btn-primary {
background: linear-gradient(135deg, #ff6b6b, #ff8e53);
color: #fff;
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
}
.btn-secondary {
background: linear-gradient(135deg, #4ecdc4, #44a08d);
color: #fff;
}
.btn-secondary:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(78, 205, 196, 0.4);
}

/* ========================================
レスポンシブ
======================================== */

@media (max-width: 768px) {
.hero-container {
flex-direction: column;
}

.hero-left {
flex: 0 0 auto;
padding: 3rem 2rem;
}

.hero-left::after {
height: 100px;
}

.page-title-ja {
font-size: 2rem;
}

.page-title-en {
font-size: 1rem;
}

.hero-right {
height: 300px;
}

.content-container {
padding: 2rem 1.5rem;
}

.works-title,
.post-title {
font-size: 1.5rem;
}

.thumbnail-gallery {
grid-template-columns: repeat(3, 1fr);
}

.detail-item {
flex-direction: column;
}

.detail-label {
margin-bottom: 0.5rem;
}

.cta-buttons {
flex-direction: column;
}

.btn {
width: 100%;
}
}




/* 新規CSS */

body{
font-family: "Noto Sans JP", sans-serif!important;
}
.home .fv-top-box-main{
min-height:650px!important;
}
.home .fv-top-box-main img {
height: 100%;
}
.home .top-logo{
max-width:1000px!important;
width:100%!important;
margin:auto;
}
.home .top-logo p{
font-family: "Montserrat", sans-serif;
font-size:37px;
color:#FFF;
letter-spacing:15px;
line-height:1.5;
margin:0;
text-align: left;
}
.home .top-logo h1{
font-family: "Noto Sans JP", sans-serif;
font-weight:400;
font-size:23px;
color:#FFF;
letter-spacing:5px;
margin:0;
text-align: left;
}


#fv-txt-box{
max-width:1000px!important;
width:100%!important;
padding:100px 0;
margin:0 auto;
background:
linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
url(http://nagahama-kk.com/wp/wp-content/uploads/2025/12/fv-txt-bg-scaled.png)no-repeat center / 100% auto;
}
#fv-txt-box p{
margin:30px auto;
text-align:center;
line-height:2;
}
.fv-txt-01{
font-size:28px;
font-weight:bold;
}
.fv-txt-02,.fv-txt-03{
font-size:18px;
}



#precision-box{
padding:30px 0 60px;
background:url(http://nagahama-kk.com/wp/wp-content/uploads/2025/12/precision-img-bg-scaled.jpg)no-repeat center / cover;
}
#precision-box h2{
font-size:24px;
color:#FFF;
line-height:1;
padding:20px 0 50px;
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#precision-box h2 span{
font-family: "Outfit", sans-serif;
font-size:16px;
letter-spacing:5px;
}
#precision-box .precision-img-box{
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#precision-box .precision-img-box .precision-contbox{
background:#FFF;
border-radius:10px;
padding:15px 15px 25px;
}
#precision-box .precision-img-box .precision-contbox p{
margin:0;
padding:10px 0 0;
font-size:14px;
}
#precision-box .pre-img-bg{
position:relative;
min-height:300px;
}
#precision-box .pre-img-bg div.wp-block-cover__inner-container{
position:absolute;
top:0;
left:0;
}
#precision-box .pre-img-bg div.wp-block-cover__inner-container:before{
content:"";
position:absolute;
top:0;
left:0;
background:rgb(0 113 188 / 80%);
border-radius:0 0 100px 0;
mix-blend-mode: multiply;
padding:10px 15px;
width:70%;
height:60px;
}
#precision-box .pre-img-bg h3{
margin:0;
padding:10px 15px;
line-height:1.4;
font-size:20px;
color:#FFF;
position:relative;
}


#portfolio-box{
padding:30px 0 60px;
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#portfolio-box h2{
font-size:24px;
color:#000;
line-height:1;
padding:20px 0 50px;
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#portfolio-box h2 span{
font-family: "Outfit", sans-serif;
font-size:16px;
letter-spacing:5px;
}
#portfolio-box .portfolio-list-box{
padding:10px;
box-shadow:0 0 5px 0 rgb(204 204 204 / 30%);
border-radius:3px;
}
#portfolio-box .portfolio-list-box figure{
margin:0;
}
#portfolio-box .portfolio-list-box p{
margin:10px 0;
line-height:1.6;
font-size:14px;
}



#news-box{
padding:30px 0 60px;
background:url(http://nagahama-kk.com/wp/wp-content/uploads/2025/12/news-img-bg-scaled.jpg)no-repeat center / cover;
}
#news-box h2{
font-size:24px;
color:#FFF;
line-height:1;
padding:20px 0 50px;
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#news-box h2 span{
font-family: "Outfit", sans-serif;
font-size:16px;
letter-spacing:5px;
}
#news-box .news-list-box{
max-width:1000px!important;
width:100%!important;
margin:0 auto 30px;
}
#news-box .news-list-box .news-list-txt{
}
#news-box .news-list-box .news-list-txt li {
display: flex;
flex-wrap: nowrap;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
background:#FFF;
padding:20px;
margin:0 auto 20px;
border-radius:0px;
}
#news-box .news-list-box .news-list-txt{
margin:0;
}
#news-box .news-list-box .news-list-txt li a{
margin:0 20px 0 20px;
font-size:14px;
}
#news-box .news-list-box .news-list-txt li time{
border-right:solid 2px #000;
padding:0 20px 0 0;
font-family: "Oswald", sans-serif;
}
#news-box .news-list-box .news-more-link{
text-align:right;
color:#FFF;
margin:60px 0 0;
}
#news-box .news-list-box .news-more-link a{
color:#FFF;
text-decoration:none;
}

#news-box .news-list-box #sb_instagram{   
background:#FFF;
padding:15px!important;;
}
#news-box .news-list-box .sbi_header_img{
width:60px!important;
height:60px!important;
}
#news-box .news-list-box .sb_instagram_header.sbi_medium .sbi_feedtheme_header_text h3{
font-size:16px;   
}
#news-box .news-list-box #sb_instagram .sb_instagram_header, .sb_instagram_header {
padding:0 0 20px;
margin:0 0 20px;
border-bottom:1px solid #ccc;
}



#company-box{
padding:30px 0 60px;
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#company-box h2{
font-size:24px;
color:#000;
line-height:1;
padding:20px 0 50px;
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#company-box h2 span{
font-family: "Outfit", sans-serif;
font-size:16px;
letter-spacing:5px;
}
#company-box .company-main{
margin:auto;
}
#company-box .company-main .company-list-txt p{
margin:20px 0;
padding:0;
line-height:1.6;
font-size:14px;
}
#company-box .company-main .company-list-txt p strong{
background:#afb8c0;
padding:5px 10px;
margin:0 0 5px;
display:block;
width:70px;
text-align:center;
font-size:12px;
color:#FFF;
}
#company-box .company-main .company-list-txt p strong + br{
display:none;
}
#company-box .company-main .company-list-map iframe{
height:100%!important;
}


#footer .footer-content .container{
max-width:1000px!important;
width:100%!important;
}
.footer-box{
display:flex;
justify-content:space-between;
}
.footer-box-l{
width:30%;
}
.footer-box-l img{
width:200px;
}
.footer-box-r{
width:70%;
}
.footer-box-r ul{
margin:0;
padding:0;
display:flex;
justify-content:center;
}
.footer-box-r ul li{
font-family: "Outfit", sans-serif;
letter-spacing:2px;
list-style:none;  
padding:0 10px;
font-size:30px;
font-weight:bold;
display:flex;
align-items:center;
position:relative;
}
.footer-box-r ul li.footer-r-tel{
margin:0 50px 0 0;
}
.footer-box-r ul li.footer-r-tel:after {
content: "";
position: absolute;
right: -1.5rem;
top: 50%;
width: 2px;
height: 40px;
background-color: #333;
transform: translateY(-50%) rotate(15deg);
}
.footer-box-r ul li img{
height:25px;
margin:0 15px 0 0;
}
.footer-box-r p{
margin:0;
padding:0;
text-align:center;
}
.footer-box-r a.footer-mail{
margin:20px auto 0;
padding:10px;
text-align:center;
background:#000;
display:flex;
justify-content:center;
width:300px;
color:#FFF;
border-radius:50px;
position:relative;
align-items:center;
}
.footer-box-r a.footer-mail img{
margin:0 10px 0 0;
height:16px;
}
.footer-box-r a.footer-mail:hover{
opacity:0.6;  
}
body #footer .wrap .copyright{
text-align:left;
font-size:10px;
color:#999;
}


/* ========================================
カスタムページテンプレート用CSS
======================================== */

/* ページヒーローセクション */
.page-hero {
min-height: 500px;
position: relative;
margin:0 0 60px 0;
position:relative;
z-index:1;
}
.hero-container {
display: flex;
align-items: stretch;
min-height: 500px;
}
.page-hero:after{
content: "";
position: absolute;
bottom:-60px;
left: 0;
width:100%;
height: 150px;
background: #b0b8c1;
z-index:-1;
}
/* 左側：タイトルエリア */
.hero-left {
flex: 0 0 45%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 4rem;
position: relative;
text-align:center;
z-index:2;
margin:0 0 50px 0;
}
.page-title-ja {
font-size: 2rem;
font-weight: bold;
margin: 0 0 0 0;
line-height: 1.2;
color: #000;
}
.page-title-en {
font-size: 1rem;
letter-spacing: 0.2em;
color: #000;
margin: 0;
font-weight:800;
text-transform: uppercase;
font-family: "Outfit", sans-serif;  
}
/* 右側:画像エリア */
.hero-right {
flex: 1;
position: relative;
overflow: hidden;
z-index:2;
}
.hero-right img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
.hero-container {
flex-direction: column;
min-height: auto;
}
.hero-left {
flex: 0 0 auto;
padding: 3rem 2rem;
}
.hero-left::after {
height: 100px;
}
.page-title-ja {
font-size: 2rem;
}
.page-title-en {
font-size: 1rem;
}
.hero-right {
height: 300px;
}
}
@media (max-width: 480px) {
.hero-left {
padding: 7rem 1.5rem 0;
}
.page-title-ja {
font-size: 1.75rem;
}
.page-title-en {
font-size: 0.9rem;
}
}

#portfolio-second-box{
background:#b1b8c1;
padding:30px 0
}
#portfolio-second-box .portfolio-list{
max-width:1000px!important;
width:100%!important;
margin:0 auto 30px;
}
#portfolio-second-box .portfolio-list .portfolio-list-item{
background:#FFF;
padding:15px;
border-radius:10px;  
}
#portfolio-second-box .portfolio-list .portfolio-list-item img{
height:250px;
}
#portfolio-second-box .portfolio-list .portfolio-list-item h3{
font-size:20px;
margin:10px 0 15px;
padding:0 0 10px;
border-bottom:1px solid #000;
}
#portfolio-second-box .portfolio-list .portfolio-list-item h3 a{
color:#000;
}
#portfolio-second-box .portfolio-list .portfolio-list-item a:hover{
opacity:0.6;
}
#portfolio-second-box .portfolio-list .portfolio-list-item p{
font-size:12px;
margin:0;
padding:0;
line-height:1.6;
}
#portfolio-second-box .sonohoka-box{
max-width:1000px!important;
width:100%!important;
margin:30px auto;
}
#portfolio-second-box .sonohoka-h{
color:#FFF;
margin:30px 0;
padding:0;
}
#portfolio-second-box ul.sonohoka-list{
margin:30px 0 0;
padding:0;
display:flex;
flex-wrap: wrap;
justify-content:center;
}
#portfolio-second-box  ul.sonohoka-list li{
margin:0 10px 20px;
padding:10px 25px;
width:40%;
list-style:none;
background:#FFF;
border-radius:50px;
text-align:center;
font-size:18px;
font-weight:bold;
}
#portfolio-second-box  ul.sonohoka-list li a{
color:#000;
}
.slider-list-box li:first-of-type{
width:100%!important;
}


/* グリッドコンテナ */
#portfolio-second-box .works-list-grid {
max-width:1000px!important;
width:100%!important;
margin:30px auto;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 30px;
padding: 40px 0px;
}
#portfolio-second-box .works-card {
perspective: 1000px;
}
#portfolio-second-box .works-card-link {
display: block;
}
#portfolio-second-box .works-card-link:hover {
transform: translateY(-5px) rotate(0deg) !important;
}
#portfolio-second-box .works-card-link {
background: #FFF;
padding: 15px 15px 25px 15px;
border-radius: 10px;
}
/* 画像部分 */
#portfolio-second-box .works-card-image {
width: 100%;
overflow: hidden;
background: #f0f0f0;
margin-bottom: 15px;
}
#portfolio-second-box .works-card-image img {
width: 100%;
height:250px;
object-fit: cover;
display: block;
}
/* コンテンツ部分 */
#portfolio-second-box .works-card-content {
padding: 0 5px;
}
#portfolio-second-box .works-card-title {
font-size: 20px;
font-weight: bold;
margin: 0 0 15px 0;
padding-bottom: 10px;
border-bottom: 1px solid #333;
color:#000;
}

/* 詳細情報 */
#portfolio-second-box .works-card-details {
font-size: 13px;
line-height: 1.8;
}
#portfolio-second-box .detail-line {
margin: 5px 0;
color:#000;
}
#portfolio-second-box .detail-label {
font-weight: normal;
margin-right: 5px;
font-size:10px;
padding:2px 5px;
}
/* レスポンシブ対応 */
@media (max-width: 768px) {
#portfolio-second-box .works-list-grid {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 30px;
padding: 30px 15px;
}
#portfolio-second-box .works-card-title {
font-size: 24px;
}
#portfolio-second-box .works-card-details {
font-size: 12px;
}
}
@media (max-width: 480px) {
#portfolio-second-box .works-list-grid {
grid-template-columns: 1fr;
gap: 25px;
}
}



#workflow-box{
background:#b1b8c1;
padding:30px 0
}
#workflow-box .workflow-list{
max-width:1000px!important;
width:100%!important;
margin:0 auto 30px;
background:#FFF;
padding:20px;
border-radius:10px;
position:relative;
}
#workflow-box .workflow-list-l{
font-size:16px;
font-weight:bold;
display:flex;
align-items:center;
border-right:1px solid #d6d6d6;
}
#workflow-box .workflow-list-l p{
margin:0;
padding:10px;
line-height:1.4;
}
#workflow-box .workflow-list-l span{
font-size:13px;
font-weight:normal;
color:#999;
}
#workflow-box .workflow-list-r{
font-size:16px;
align-items:center;
position:relative;
}
#workflow-box .workflow-list-r p{
margin:0;
padding:10px;
line-height:1.4;
}
#workflow-box .workflow-list-r .workflow-aka{
position:absolute;
display:block;
background:#f22f62;
font-size:12px;
color:#FFF;
padding:5px 10px;
right:-20px;
bottom:-35px;
font-weight:bold;
}
#workflow-box .workflow-list-r .workflow-aka2{
display:block;
font-size:11px;
color:#f22f62;
padding:5px 10px;
font-weight:bold;
}

#workflow-box .workflow-list:before{
content:"1";
position:absolute;
top:-10px;
left:0;
background:#000;
width:30px;
height:30px;
text-align:center;
line-height:30px;
color:#FFF;
font-family: "Outfit", sans-serif;
font-size:14px;
font-weight:bold;
}
#workflow-box .workflow-list:nth-of-type(2):before{
content:"2";
}
#workflow-box .workflow-list:nth-of-type(3):before{
content:"3";
}
#workflow-box .workflow-list:nth-of-type(4):before{
content:"4";
}
#workflow-box .workflow-list:nth-of-type(5):before{
content:"5";
}
#workflow-box .workflow-list:nth-of-type(6):before{
content:"6";
}
#workflow-box .workflow-list:nth-of-type(7):before{
content:"7";
}
#workflow-box .workflow-list:nth-of-type(8):before{
content:"8";
}
#workflow-box .workflow-list:nth-of-type(9):before{
content:"9";
}
#workflow-box .workflow-list:nth-of-type(10):before{
content:"10";
}
#workflow-box .workflow-list:nth-of-type(11):before{
content:"11";
}
#workflow-box .workflow-list:nth-of-type(12):before{
content:"12";
}
#workflow-box .workflow-list:nth-of-type(13):before{
content:"13";
}
#workflow-box .workflow-list:nth-of-type(14):before{
content:"14";
}
#workflow-box .workflow-list:nth-of-type(15):before{
content:"15";
}
#workflow-box .workflow-list:nth-of-type(16):before{
content:"16";
}
#workflow-box .workflow-list:nth-of-type(17):before{
content:"17";
}
#workflow-box .workflow-list:nth-of-type(18):before{
content:"18";
}
#workflow-box .workflow-list:nth-of-type(19):before{
content:"19";
}
#workflow-box .workflow-list:nth-of-type(20):before{
content:"20";
}
#workflow-box .workflow-list:nth-of-type(21):before{
content:"21";
}
#workflow-box .workflow-list:nth-of-type(22):before{
content:"22";
}
#workflow-box .workflow-list:nth-of-type(23):before{
content:"23";
}
#workflow-box .workflow-list:nth-of-type(24):before{
content:"24";
}
#workflow-box .workflow-list:nth-of-type(25):before{
content:"25";
}
#workflow-box .workflow-list:nth-of-type(26):before{
content:"26";
}
#workflow-box .workflow-list:nth-of-type(27):before{
content:"27";
}
#workflow-box .workflow-list:nth-of-type(28):before{
content:"28";
}
#workflow-box .workflow-list:nth-of-type(29):before{
content:"29";
}
#workflow-box .workflow-list:nth-of-type(30):before{
content:"30";
}

#company-main-box{
background:#b1b8c1;
justify-content:center;
padding:0px 0 50px;
margin:0 0 50px;
}
.company-top-box{
max-width:1000px!important;
width:100%!important;
margin:0 auto;
position:relative;
}
.company-top-box .company-kotoba-box{
position:relative;
border-top:1px solid #FFF;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
padding:35px 0 15px;
position:relative;
margin:40px 200px 0 0;
}
.company-top-box .company-kotoba-box .aisatu-txt-kata{
background:#FFF;
display:inline-block;
padding:2px 20px;
position:absolute;  
top:-33px;
left:0;
}
.company-top-box .company-kotoba-box .aisatu-txt-name{
color:#FFF;
font-size:24px;
margin:0;
padding:0 10px;
line-height:1.4;
font-weight:bold;
}
.company-top-box .company-kotoba-box .aisatu-txt-name span{
color:#FFF;
font-size:18px;
font-weight:normal;
}
.company-top-box .company-kotoba-box .aisatu-txt-sub{
color:#FFF;
margin:0;
padding:10px;
}
.company-top-box .company-kotoba-box figure{
position:absolute;
width:250px;
object-fit:cover;
height:400px;
right:-100px;
top:10px;
}
.company-top-box table{
width:80%!important;
background:#FFF;
border:0;
border-radius:10px;
}
.company-top-box table td{
border:0;
padding:20px;
}
.company-top-box table td:first-of-type{
width:100px!important;
vertical-align:top;
}
.company-top-box table td:first-of-type span{
background:#b2b8c1;
color:#FFF;
display:block;
}
#company-main-box-2{
justify-content:center;
}
.company-bottom-box{
max-width:1000px!important;
width:100%!important;
margin:0 auto;
position:relative;
}
.company-bottom-box table{
width:100%!important;
background:#FFF;
border:0;
border-radius:10px;
}
.company-bottom-box table td{
border:0;
padding:20px;
}
.company-bottom-box table td:first-of-type{
width:100px!important;
vertical-align:top;
}
.company-bottom-box table td:first-of-type span{
background:#b2b8c1;
color:#FFF;
display:block;
text-align:center;
}
.company-bottom-box iframe{
height:100%;
}

.company-page .daihyou-aisatu{
background:#b1b8c1;
margin:0!important;
}
.company-page .daihyou-aisatu-in{
padding:25px;
max-width:1000px!important;
width:100%!important;
margin:0 auto 30px!important;
background:#FFF;
border-radius:10px;
}
.company-page .daihyou-aisatu-in h2{
margin:0 0 20px!important;
padding:0!important;
}
.company-page .daihyou-aisatu-in p{
margin:0!important;
padding:0!important;
}


/* ========================================
サービスページ専用スタイル
======================================== */

/* ファーストビュー */
.service-fv {
position: relative;
height: 650px;
margin:0 0 100px;
}
.fv-images {
position:relative;
margin:0 0 100px;
}
.fv-main {
flex: 1;
position: relative;
overflow: hidden;
}
.fv-main img {
width: 100%;
height:650px;
object-fit: cover;
}
.fv-sub {
position:absolute;
right:0;
bottom:-80px;
z-index:10;
box-shadow:0 0 0 20px #FFF;
border-radius:5px;
}
.fv-sub img {
width: 300px;
height: 300px;
object-fit: cover;
}
.fv-content {
position: absolute;
top: 43%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
z-index: 10;
width:700px;
margin:auto;
display:block;
}
.fv-title {
font-size:34px;
font-weight: 400;
margin: 0 0 0 0;
letter-spacing: 0.1em;
text-align:left;
}
/* メインコンテンツエリア */
.service-content {
max-width: 100%;
margin: 0;
padding: 0;
}
.service-content .service-start{
max-width:1000px!important;
width:100%!important;
margin:0 auto 50px;
position:relative;
}
.service-content .service-start:before{
content:"";
width:100%;
height:300px;
background:url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/service-irasuto-01.svg)no-repeat center / 100% 100%;
display:block;
position:absolute;
bottom:-80px;
right:-450px;
z-index:-1;
}
.service-content .service-start p:first-of-type{
font-size:24px;
font-weight:bold;
margin:0 0 50px;
position:relative;
}
.service-content .service-start p:first-of-type:before{
content:"";
width:90%;
height:10px;
background:rgb(204 204 204 / 30%);
display:block;
position:absolute;
top:18px;
left:-100px;
z-index:-1;
}
.service-content #service-kodawari .service-kodawari-h{
padding:50px 0!important;
position:relative;
z-index:1;
}
.service-content #service-kodawari .service-kodawari-h:before{
content:"";
width:100%;
position:absolute;
background:rgb(15 44 74 / 50%);
width:100%;
height:50%;
top:0;
left:0;
z-index:-1;
border-radius:0 0 500px 0;
}
.service-content #service-kodawari .service-kodawari-h img{
z-index:-2;
}
.service-content #service-kodawari .service-kodawari-h h2{
max-width:1000px!important;
width:100%!important;
margin:20px auto 50px!important;
position:relative;
color:#FFF;
text-align:center;
position:relative;
}
.service-content #service-kodawari .service-kodawari-h h2:before{
content:"PHILOSOPHY";
display:block;
font-size:14px;
}
.service-content #service-kodawari .service-kodawari-h h2:after{
content:"";
display:block;
width:15%;
background:#FFF;
height:1px;
display:block;
margin:10px auto 0;
}
.service-content #service-kodawari .service-kodawari-h .kodawari-bg-txt{
background:#FFF;
width:95%!important;
padding:30px 0 10px 5%;
}
.service-content #service-kodawari .service-kodawari-h .kodawari-bg-txt div{
max-width:1000px!important;
width:100%!important;
margin:0 auto 50px;
position:relative;
}

.service-content  .service-kodawari-movie{
background:#b1b8c1;
padding:30px 0 0;
margin:0 0 100px;
}
.service-content  .service-kodawari-movie h2{
max-width:1000px!important;
width:100%!important;
margin:10px auto 40px;
color:#FFF;
position:relative;
}
.service-content  .service-kodawari-movie h2:before{
content:"";
width:75%;
height:80px;
border-top:1px solid #FFF;
border-right:1px solid #FFF;
position:absolute;
right:0;
top:20px;
}

.service-content  .kaisetudouga-box{
background:#FFF;
padding:50px 0;
border-radius:100px 0 0 0;
position:relative;
}
.service-content  .kaisetudouga-box:after{
content:"";
width:100%;
height:150px;
background:url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/service-irasuto-line.svg)no-repeat center / 100% 100%;
display:block;
position:absolute;
bottom:-100px;
right:-500px;
z-index:10;
}
.service-content .kaisetudouga-in-bg{
max-width:1000px!important;
width:100%!important;
margin:auto;
}
.service-content .service-kodawari-txt-w{
max-width:1000px!important;
width:100%!important;
margin:0 auto -30px;
color:#FFF;
}
.service-content .service-kodawari-bottom{
max-width:1100px!important;
width:100%!important;
margin:auto;
background:#FFF;
padding:20px 50px;
box-sizing:border-box;
position:relative;
bottom:-50px;
border-radius:10px;
box-shadow:0 0 0 3px #000;
font-size:20px;
font-weight:bold;
position:relative;
}
.service-content .service-kodawari-bottom:before{
content:"";
width:100%;
height:200px;
background:url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/service-irasuto-02.svg)no-repeat center / 100% 100%;
display:block;
position:absolute;
bottom:-30px;
right:-490px;
z-index:1;
}
.service-content .service-kodawari-bottom span{
border-bottom:solid 5px #fffeb0;
}
.kaisetudouga-in-bg .kasietu-yaji{
font-weight:bold;
position:relative;
text-align:center
}
.service-content .kaisetudouga-in-bg .kasietu-yaji:before{
content:"";
width:100%;
height:100px;
background:url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/service-irasuto-yaji.svg)no-repeat center / 100% 100%;
display:block;
position:absolute;
bottom:-70px;
left:0;
z-index:1;
}
.service-content .kaisetudouga-in-bg p.kaisetu-txt{
margin:50px 0 0;
}

.service-content #service-end-box{
max-width:1100px!important;
width:100%!important;
margin:0 auto 100px;
position:relative;
}
.service-content #service-end-box:before{
content:"";
width:100%;
height:200px;
background:url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/service-irasuto-05l.svg)no-repeat center / 100% 100%;
display:block;
position:absolute;
bottom:-30px;
left:-45%;
z-index:-1;
}
.service-content #service-end-box:after{
content:"";
width:100%;
height:200px;
background:url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/service-irasuto-05r.svg)no-repeat center / 100% 100%;
display:block;
position:absolute;
bottom:-30px;
right:-45%;
z-index:-1;
}
.service-content #service-end-box h2{
width:400px;
margin:0 auto 50px;
}
.service-content #service-end-box ul{
margin:0;
padding:0;
display:flex;
justify-content:center;
}
.service-content #service-end-box li{
list-style:none;
margin:0 30px;
}
.service-content #service-end-box li a{
display:block;
background:#CCC;
padding:10px 50px;
border-radius:50px;
font-weight:bold;
box-shadow:0 0 0 5px #FFF;
}
.service-content #service-end-box li:nth-of-type(1) a {
background: linear-gradient(135deg, #ff6b6b, #ff8e53);
color: #fff;
}
.service-content #service-end-box li:nth-of-type(1) a:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
}
.service-content #service-end-box li:nth-of-type(2) a {
background: linear-gradient(135deg, #4ecdc4, #44a08d);
color: #fff;
}
.service-content #service-end-box li:nth-of-type(2) a:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(78, 205, 196, 0.4);
}
.service-content #second-house .service-kodawari-bottom:before{
content:"";
width:100%;
height:110px;
background:url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/service-irasuto-03.svg)no-repeat center / 100% 100%;
display:block;
position:absolute;
bottom:-30px;
right:-500px;
z-index:1;
}
.service-content #komakai-service .service-kodawari-bottom:before{
content:"";
width:100%;
height:130px;
background:url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/service-irasuto-04.svg)no-repeat center / 100% 100%;
display:block;
position:absolute;
bottom:-30px;
right:-520px;
z-index:1;
}

.service-content #second-house .service-kodawari-h h2:before{
content:"LIFESTYLE";
display:block;
font-size:14px;
}
.service-content #komakai-service .service-kodawari-h h2:before{
content:"HOSPITALITY";
display:block;
font-size:14px;
}

.header-logo-box{
position:relative;
max-width:1000px!important;
width:100%!important;
margin:0 auto 0;
}
.header-logo-box img{
position:absolute;
left:0;
top:30px;
z-index:1000;
}

.home .header-logo-box{
display:none;
}
#masthead.fixed{
background:none!important;
}

#footer{
border-top:solid 2px #000;
padding:10px 0 0;
}



@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.home .entry-content img {
max-width: 100%!important;
height: 100%!important;
}
.single .entry-content img, .page .entry-content img {
max-width: 100%;
height: 100%!important;
}
.home .fv-top-box-main{
min-height:500px!important;
}
.home .top-logo p{
font-family: "Montserrat", sans-serif;
font-size:20px;
color:#FFF;
letter-spacing:15px;
line-height:1.5;
margin:0;
}
.home .top-logo h1{
font-family: "Noto Sans JP", sans-serif;
font-weight:400;
font-size:15px!important;
color:#FFF;
letter-spacing:5px;
margin:0;
}
#fv-txt-box{
padding:10px 15px;
margin:0 auto;
}
#fv-txt-box p{
margin:30px auto;
text-align:left;
line-height:2;
}
.fv-txt-01{
font-size:20px;
font-weight:bold;
}
.fv-txt-02,.fv-txt-03{
font-size:16px;
}

#precision-box{
padding:15px 15px 30px;
}
#precision-box h2{
font-size:20px;
color:#FFF;
line-height:1;
padding:20px 0 30px;
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#precision-box h2 span{
font-family: "Outfit", sans-serif;
font-size:14px;
letter-spacing:5px;
}
#portfolio-box{
padding:15px 15px 30px;
}
#portfolio-box h2{
font-size:20px;
color:#000;
line-height:1;
padding:20px 0 50px;
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#portfolio-box h2 span{
font-family: "Outfit", sans-serif;
font-size:14px;
letter-spacing:5px;
}
#news-box{
padding:15px 15px 20px;
}
#news-box h2{
font-size:20px;
color:#FFF;
line-height:1;
padding:20px 0 20px;
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#news-box h2 span{
font-family: "Outfit", sans-serif;
font-size:14px;
letter-spacing:5px;
}
#news-box .news-list-box .news-more-link{
text-align:right;
color:#FFF;
margin:40px 0 0;
}
#company-box{
padding:15px 15px 20px;
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#company-box h2{
font-size:20px;
color:#000;
line-height:1;
padding:20px 0 30px;
max-width:1000px!important;
width:100%!important;
margin:0 auto;
}
#company-box h2 span{
font-family: "Outfit", sans-serif;
font-size:14px;
letter-spacing:5px;
}
#company-box .company-main .company-list-map iframe{
height:300px!important;
}
.footer-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-box-l {
width: 100%;
text-align: center;
margin: 0 0 30px;
}
.footer-box-r {
width: 100%;
margin: 0 0 30px;
}
.footer-box-r ul {
margin: 0;
padding: 0 15px;
display: flex;
justify-content:center;
flex-wrap: wrap;
}
.footer-box-r ul li.footer-r-tel:after {
content: "";
display: none;
}
.footer-box-r ul li.footer-r-tel {
margin:0;
}
body #footer .wrap .copyright {
text-align: left;
font-size: 10px;
color: #999;
padding: 0 15px;
}


#masthead button.icon{
border-width: 0px!important;
}

.header-logo-box img {
position: absolute;
left: 15px;
top: 20px;
z-index: 1000;
width: 100px;
}
.fv-main img {
width: 100%;
height: 500px;
object-fit: cover;
}
.service-fv {
position: relative;
height: 500px;
margin: 0 0 50px;
}
.fv-sub {
position: absolute;
right: 0;
bottom: -20px;
z-index: 1;
box-shadow: 0 0 0 10px #FFF;
border-radius: 5px;
}
.fv-sub img {
width: 200px;
height: 180px;
object-fit: cover;
}
.fv-content {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
z-index: 10;
width: 100%;
margin: auto;
display: block;
padding: 0 15px;
}
.fv-title {
font-size: 24px;
font-weight: 400;
margin: 0 0 0 0;
letter-spacing: 0.1em;
text-align: left;
}
.service-content .service-start {
max-width: 1000px !important;
width: 100% !important;
margin: 0 auto 50px;
position: relative;
padding: 0 15px;
}
.service-content .service-start p:first-of-type {
font-size: 20px;
font-weight: bold;
margin: 0 0 20px;
position: relative;
}
.service-content .service-start p:first-of-type:before {
content: "";
width: 100%;
height: 10px;
background: rgb(204 204 204 / 10%);
display: block;
position: absolute;
top: 17px;
left: 0;
z-index: -1;
}
.service-content .service-start p:first-of-type:after {
content: "";
width: 100%;
height: 10px;
background: rgb(204 204 204 / 10%);
display: block;
position: absolute;
top: 49px;
left: 0;
z-index: -1;
}
.service-content #service-kodawari .service-kodawari-h .kodawari-bg-txt {
background: #FFF;
width: 96% !important;
padding: 15px;
}
.service-content #service-kodawari .service-kodawari-h .kodawari-bg-txt div {
max-width: 1000px !important;
width: 100% !important;
margin: 0 auto 20px;
position: relative;
}
.service-content .service-kodawari-movie {
background: #b1b8c1;
padding: 30px 0px 0;
margin: 0 0 100px;
}
.service-content .service-start:before {
content: "";
width: 100%;
height: 300px;
background: url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/service-irasuto-01.svg) no-repeat center / 100% 100%;
display: block;
position: absolute;
bottom: -80px;
right: 0px;
z-index: -1;
opacity: 0.5;
}
.service-content .service-kodawari-movie h2:before {
content: "";
width: 35%;
height: 80px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
position: absolute;
right: 60px;
top: 20px;
}
.service-content .service-kodawari-movie h2 {
max-width: 1000px !important;
width: 100% !important;
margin: 10px auto 20px;
color: #FFF;
position: relative;
font-size: 20px;
padding: 0 15px;
}
.service-content .kaisetudouga-box {
background: #FFF;
padding: 30px 15px;
border-radius: 20px 0 0 0;
position: relative;
}
.service-content .kaisetudouga-in-bg p.kaisetu-txt {
margin: 30px 0 0;
}
.service-content .service-kodawari-txt-w {
max-width: 1000px !important;
width: 100% !important;
margin: 0 auto -30px;
color: #FFF;
padding: 0 15px;
}
.service-content .service-kodawari-bottom {
max-width: 1100px !important;
width: 90% !important;
margin: auto;
background: #FFF;
padding: 15px 15px 25px;
box-sizing: border-box;
position: relative;
bottom: -50px;
border-radius: 10px;
box-shadow: 0 0 0 3px #000;
font-size: 18px;
font-weight: bold;
position: relative;
}
.service-content #service-kodawari .service-kodawari-h h2 {
max-width: 1000px !important;
width: 100% !important;
margin: 20px auto 50px !important;
position: relative;
color: #FFF;
text-align: center;
position: relative;
font-size: 19px;
}
.service-content #service-end-box {
max-width: 1100px !important;
width: 100% !important;
margin: 0 auto 100px;
position: relative;
padding: 0 15px;
}
.service-content #service-end-box ul {
margin: 0;
padding: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.service-content #service-end-box li {
list-style: none;
margin: 0px 0 20px;
width: 85%;
}
.service-content #service-end-box h2 {
width: 100%;
margin: 0 auto 25px;
}


.hero-right img {
width: 85%;
height: 100%;
object-fit: cover;
object-position: center;
}
.hero-right {
height: 300px;
text-align: right;
}
.page-hero:after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 150px;
background: #b0b8c1;
z-index: -1;
}
.page-hero {
min-height: 500px;
position: relative;
margin: 0 0 -10px 0;
z-index: 1;
}
#portfolio-second-box .works-list-grid {
padding: 0px 15px;
}
#portfolio-second-box {
background: #b1b8c1;
padding: 20px 0 30px;
}
#portfolio-second-box .sonohoka-h {
color: #FFF;
margin: 30px 0;
padding: 0;
text-align: center;
}
#portfolio-second-box ul.sonohoka-list li {
margin: 0 10px 20px;
padding: 10px 25px;
width: 100%;
list-style: none;
background: #FFF;
border-radius: 50px;
text-align: center;
font-size: 18px;
font-weight: bold;
}
#portfolio-second-box .sonohoka-box {
max-width: 1000px !important;
width: 100% !important;
margin: 30px auto 0;
}


#workflow-box {
background: #b1b8c1;
padding: 50px 15px 20px;
}
#workflow-box .workflow-list-l {
font-size: 16px;
font-weight: bold;
display: flex;
align-items: center;
border-bottom: 1px solid #d6d6d6;
border-right: 0;
padding: 0 0 20px;
}
#workflow-box .wp-block-columns {
gap: 1em;
}
#workflow-box .workflow-list:nth-of-type(1) .workflow-list-l{
border-bottom: 0px solid #d6d6d6;
}
#workflow-box .workflow-list {
max-width: 1000px !important;
width: 100% !important;
margin: 0 auto 50px;
background: #FFF;
padding: 20px 20px 30px;
border-radius: 10px;
position: relative;
}
#workflow-box .workflow-list:nth-of-type(7) .workflow-list-r .workflow-aka ,#workflow-box .workflow-list:nth-of-type(8) .workflow-list-r .workflow-aka ,#workflow-box .workflow-list:nth-of-type(20) .workflow-list-r .workflow-aka {
position: absolute;
display: block;
background: #f22f62;
font-size: 12px;
color: #FFF;
padding: 5px 10px;
right: -20px;
bottom: -50px;
font-weight: bold;
}


.company-top-box .company-kotoba-box {
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
border-bottom: 1px solid #FFF;
padding: 35px 0 15px;
position: relative;
margin: 20px 10px 120px 0;
height: 400px;
}
.company-top-box .company-kotoba-box .aisatu-txt-name {
color: #FFF;
font-size: 24px;
margin: 0;
padding: 0 15px;
line-height: 1.4;
font-weight: bold;
}
.company-top-box .company-kotoba-box .aisatu-txt-sub {
color: #FFF;
margin: 0;
padding: 15px;
}
.company-top-box .company-kotoba-box figure {
position: relative;
width: 90%;
object-fit: cover;
height: 300px;
right: 0px;
top: 10px;
}
.company-top-box table {
width: 90% !important;
background: #FFF;
border: 0;
border-radius: 10px;
margin: auto;
}
.company-top-box table td {
border: 0;
padding: 20px;
display: block;
}
.company-top-box table td:first-of-type {
width: 100px !important;
vertical-align: top;
display: block;
padding: 15px 0 0 0;
margin: 0 0 0 -1px;
}
.company-bottom-box table td {
border: 0;
display: block;
padding: 10px 20px 20px;
}
.company-bottom-box table td:first-of-type {
width: 100px !important;
vertical-align: top;
padding: 0;
}
.company-bottom-box table {
width: 90% !important;
background: #FFF;
border: 0;
border-radius: 10px;
margin: auto;
}
.company-bottom-box iframe {
height: 300px;
width: 90%;
margin: auto;
display: block;
}
.company-page .daihyou-aisatu-in {
padding: 25px;
max-width: 1000px !important;
width: 100% !important;
margin: 30px auto 30px !important;
background: #FFF;
border-radius: 0;
}

.service-content .kaisetudouga-in-bg .kasietu-yaji:before{
content:"";
width:100%;
height:60px;
background:url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/service-irasuto-yaji-sp.svg)no-repeat center / 100% 100%;
display:block;
position:absolute;
bottom:-20px;
left:-100px;
z-index:1;
}
.service-content .kaisetudouga-in-bg .wp-block-columns {
gap: 1em;
}


.works-content {
background: #b0b8c1;
padding: 10px 15px 40px;
}
.works-content .content-container {
padding: 2rem 1rem;
}
.slider-list-box li {
width: 50% !important;
}
.detail-item {
display: flex;
padding: 10px 0;
align-items: center;
flex-wrap: wrap;
}
.detail-label {
flex: 0;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #333;
padding: 10px 0;
margin-right: 1rem;
text-align: center;
width: 100%;
}


}




/* ========================================
TOPページ FV スライドショー（6枚）
======================================== */
.top-fv-slideshow {
position: relative;
width: 100%!important;
max-width: 100%!important;
height: 100vh;
min-height: 600px;
overflow: hidden;
z-index: 0;
}
/* スライドショーコンテナ */
.slideshow-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
/* 各スライド */
.slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0;
animation: slideshow6 30s infinite;  /* 30秒で6枚（1枚5秒） */
}
/* 画像を指定（実際の画像パスに変更してください） */
.slide1 {
background-image: url('https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/fv-img-01.jpg');
animation-delay: 0s;
}
.slide2 {
background-image: url('https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/fv-img-02.jpg');
animation-delay: 5s;
}
.slide3 {
background-image: url('https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/fv-img-03.jpg');
animation-delay: 10s;
}
.slide4 {
background-image: url('https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/fv-img-04.jpg');
animation-delay: 15s;
}
.slide5 {
background-image: url('https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/fv-img-05.jpg');
animation-delay: 20s;
}
.slide6 {
background-image: url('https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/fv-img-06.jpg');
animation-delay: 25s;
}
/* スライドショーアニメーション（6枚用） */
@keyframes slideshow6 {
0% {
opacity: 0;
transform: scale(1);
}
3% {
opacity: 1;
}
16.66% {
opacity: 1;
transform: scale(1.08);  /* ゆっくりズームイン */
}
19.66% {
opacity: 0;
transform: scale(1.08);
}
100% {
opacity: 0;
}
}
/* オーバーレイ（テキストの背景を暗くする） */
.fv-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
/* テキストコンテンツ */
.fv-content {
text-align: center;
color: #fff;
z-index: 1;
}
.fv-title-en {
font-size: 4rem;
font-weight: bold;
letter-spacing: 0.5em;
margin: 0 0 2rem 0;
line-height: 1.3;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}
.fv-title-ja {
font-size: 1.3rem;
letter-spacing: 0.2em;
margin: 0;
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
}

/* レスポンシブ */
@media (max-width: 768px) {
.top-fv-slideshow {
height: 60vh;
min-height: 400px;
}
.fv-title-en {
font-size: 2.5rem;
letter-spacing: 0.3em;
margin-bottom: 1rem;
}
.fv-title-ja {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.fv-title-en {
font-size: 2rem;
letter-spacing: 0.2em;
}
.fv-title-ja {
font-size: 0.9rem;
}
}

.design-bt{
text-align:center;
width:90%;
max-width:300px;
margin: 40px auto 20px !important;
display:block;
}
.design-bt a{
display:block;
background:#202020;
padding:10px;
border-radius:50px;
text-decoration:none!important;
color:#FFF;
position:relative;
}
.design-bt a:hover{
color:#FFF;
opacity:0.6;
}
.design-bt a:after {
content: "";
width: 13px;
height: 13px;
background: url(https://nagahama-kk.com/wp/wp-content/themes/nishiki-child/images/yaji-w.svg) no-repeat center / 100% 100%;
display: block;
position: absolute;
bottom: 0;
top: 0;
right: 15px;
margin: auto;
z-index: 0;
}
.btn:hover{
border:0;
color:#FFF;
opacity:0.6;
}



/* ========================================
お問い合わせフォーム
======================================== */
#form-box{
background:#b1b8c1;
padding:30px 0
}
.wpcf7 {
max-width: 800px;
margin: 0 auto;
padding: 2rem;
background:#FFF;
position: relative;
width: 100%!important;
max-width:800px!important;
border-radius:10px;
box-shadow:0 0 10px 0 rgb(0 0 0 / 10%);
}
.form-group {
margin-bottom: 2rem;
}
.form-group br{
display:none;
}
.form-group label {
display: block;
font-weight: bold;
margin-bottom: 0.5rem;
font-size:16px;
padding:0 0 5px 5px;
}
.required {
background: #e74c3c;
color: #fff;
font-size:12px;
padding:2px 10px;
border-radius: 3px;
margin-left: 10px;
font-weight: normal;
}
.form-control {
width: 100%;
padding:10px;
border: 2px solid #ddd;
border-radius: 8px;
font-size: 16px;
transition: border-color 0.3s;
}
.form-control:focus {
outline: none;
border-color: #4e83cd;
}
textarea.form-control {
min-height: 200px;
resize: vertical;
}

/* 送信ボタン */
#form-box .btn-submit {
display: block;
width: 100%;
max-width: 350px;
margin: 40px auto 0;
padding:15px;
color: #000000;
border:2px solid #000;
border-radius: 50px;
font-size:16px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s;
border-radius:50px;
}
#form-box .btn-submit:hover {
transform: translateY(-2px);
color: #FFF;
border:2px solid #ffffff;
}
/* エラーメッセージ */
.wpcf7-not-valid-tip {
color: #e74c3c;
font-size: 0.9rem;
margin-top: 0.5rem;
}
.wpcf7-validation-errors {
background: #ffe6e6;
border: 2px solid #e74c3c;
border-radius: 8px;
padding: 1rem;
margin: 1rem 0;
color: #e74c3c;
}
/* 送信完了メッセージ */
.wpcf7-mail-sent-ok {
background: #efefef;
border: 2px solid #000000;
border-radius: 8px;
padding: 1rem;
margin: 1rem 0;
color: #000000;
}
/* レスポンシブ */
@media (max-width: 768px) {
.wpcf7 {
padding: 1rem;
}
.form-control {
padding: 0.8rem;
}
.btn-submit {
width: 100%;
padding: 1rem 2rem;
}
}
.contact-info-section {
background: #fff;
border-radius:0;
padding: 1rem;
margin: 2rem auto;
text-align: center;
}
.contact-info-section h3 {
font-size:20px;
margin-bottom:20px;
color: #333;
}
.contact-tel {
font-size: 24px;
font-weight: bold;
margin: 20px;
}
.contact-tel a {
color: #4ea1cd;
text-decoration: none;
transition: color 0.3s;
}
.contact-tel a:hover {
color: #205f81;
}
/* レスポンシブ */
@media (max-width: 768px) {
.contact-intro {
padding: 2rem 1rem;
}
.contact-intro h2 {
font-size: 1.5rem;
}
.contact-form-section {
padding: 3rem 1rem;
}
.contact-tel {
font-size: 1.2rem;
}
}

.sp-br{
display:none;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.sp-none{
display:none;
}
.sp-br{
display:block;
}
.contact-tel {
margin: 0;
}
.contact-info-section h3 {
margin-bottom: 10px;
}
.wpcf7 {
width: 90% !important;
}
.footer-box-l img {
width: 250px;
}
.company-page .daihyou-aisatu {
padding: 20px 0 0;
}
#workflow-box .workflow-list-r .workflow-aka {
right: -20px;
bottom: -44px;
}
.contact-info-section {
margin: 20px auto 40px;
}
.post-content {
padding: 4rem 15px;
}
#news-box .news-list-box .news-list-txt li {
padding: 15px;
}
#news-box .news-list-box .news-list-txt li a {
margin: 0 15px 0 15px;
font-size: 14px;
width: 65%;
line-height: 1.4;
}
#news-box .news-list-box .news-list-txt li time {
padding: 0 15px 0 0;
width: 35%;
}
}	

.news-page .news-list{
background:#b1b8c1;
padding:30px 0 80px;
}
.news-page .news-item {
max-width: 800px;
margin: 0 auto;
padding: 2rem;
background:#FFF;
position: relative;
width: 80%!important;
max-width:800px!important;
border-radius:10px;
box-shadow:0 0 10px 0 rgb(0 0 0 / 10%);
}
.news-page a.news-item-link{
}
.news-page a.news-item-link .news-date{
color:#000;
margin:0;
padding:0;
font-size:12px;
}
.news-page a.news-item-link .news-title{
color:#000;
margin:0;
padding:0;
font-size:16px;
}

.footer-box-r p.pripoli-txt{
margin: 15px 0 0 ;
}
.footer-box-r p.pripoli-txt a{
color:#333;
}