@charset "utf-8";
/*
Theme Name:Kata Theme
Description:template theme.
*/

/* リセットCSS */

html{-webkit-text-size-adjust:100%;box-sizing:border-box;-moz-tab-size:4;tab-size:4;word-break:normal}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{margin:0;padding:0;border: 0;outline: 0;font-family: source-han-sans-japanese, 'Noto Serif JP',sans-serif;}hr{color:inherit;overflow:visible}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent; cursor:pointer}a:active,a:hover{outline-width:0;}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button, input:not(input[type="checkbox"]), select, textarea{background-color:transparent;border-style:none;width: 100%;background: #f2f2f2;}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}
img{max-width:100%;display:block;margin:0 auto;vertical-align:bottom;image-rendering:auto;object-fit: cover;}*{box-sizing:border-box}body{overflow-x:hidden;}p{line-height:2;letter-spacing:1.6px}li{list-style-type:none}figure{margin:0}html{scroll-behavior:smooth}

/*============================
 共通
============================*/
@font-face {
    font-family: "zurich-light-condensed";
    src: url(./font/zurich-light-condensed.otf);
}
a{-webkit-transition:all .2s ease;transition:all .2s ease;color: #222; text-decoration: none;}
a img{-webkit-transition:all .2s ease;transition:all .2s ease;display:block}
a:hover img,a:active img{opacity:.7}
.db{display:block}
.ib{display:inline-block}
.center680,.center800,.center1020,.center1100,.center1200,.center1300,.center1400,.center1500,.center1920{margin:0 auto;max-width:90%}
.center680{width:680px}
.center800{width:800px}
.center1020{width:1020px}
.center1100{width:1100px}
.center1200{width:1200px}
.center1300{width:1300px}
.center1400{width:1400px}
.center1500{width:1500px}
.center1920{width:1920px}
.flex{display:flex;flex-wrap:wrap}
.grid{display:grid;grid-template-columns:repeat(2,1fr)}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb80{margin-bottom:80px}
.mb100{margin-bottom:100px}
.ptb40{padding:40px 0}
.ptb60{padding:60px 0}
.ptb80{padding:80px 0}
.ptb100{padding:100px 0}
.m0auto{margin:0 auto}
.fwb{font-weight:700}
.tac{text-align:center}
.tar{text-align:right}
.sp{display:none}
.block480{display: none;}
.block550{display: none;}
.flex2 > div {max-width: 100%;flex: 1;}
.grid2{display:grid;grid-template-columns:repeat(2,1fr)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr)}
.grid5{display:grid;grid-template-columns:repeat(5,1fr)}
:root{--gothi-font:'Noto Sans JP',sans-serif;--serif-font:'Noto Serif JP',serif;--en-font:'zurich-light-condensed',sans-serif;--main-color: #333;--bg-color:#eee;--sub-color: #F5A96E; --mook-color: #7C5F57; --oasis-color:#BA7625; --em-color:#BBCACD;--power-color:#F47D58;--buturyu-color: #333;}
.white{color:#fff}
.tategaki{-ms-writing-mode:tb-rl;writing-mode:vertical-rl}
.fadein.delay1{transition-delay: .1s;}
.fadein.delay2{transition-delay: .2s;}
.fadein.delay3{transition-delay: .3s;}
.fadein.delay4{transition-delay: .4s;}
.fadein.delay5{transition-delay: .5s;}
.fadein.delay6{transition-delay: .6s;}
.fadein{opacity:0;transform:translate(0,30px);transition:all 1.2s cubic-bezier(0.4, 0.46, 0.46, 0.98) .15s}
.fadein.active{opacity:1;transform:translate(0,0);}
.fadein.no1-left-text,.fadein.no1-center, .fadein.no1-right-text{transition-duration: .8s;}
.smooth {clip-path: inset(0 100% 0 0);display: inline-block;transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);transition-property: clip-path;}
.smooth.active {clip-path: inset(0);}
.zoomin {opacity: 0;}
.zoomin.active {animation: zoomIn 2s cubic-bezier(0.25, 1, 0.5, 1) forwards;}
@keyframes zoomIn {0% {transform: scale(0.7); opacity: 0;} 100% {opacity: 1; transform: scale(1);}}
.zoomin.delay1 {animation-delay: .3s;}
.zoomin.delay2 {animation-delay: .6s;}
.zoomin.delay3 {animation-delay: .9s;}
.zoomin.delay4 {animation-delay: 1.6s;}



/*============================
 ヘッダー
============================*/
.header { position: absolute; left: 4%; top: 4%; z-index: 100; }
.header-logo { width: 200px; max-width: 100%; }

/*============================
 スマホメニュー
============================*/
.openbtn {position: fixed;width: 50px;height: 50px;cursor: pointer;right: 80px;top: 23px;z-index: 1000;background: none;}
.openbtn span {display: inline-block;transition: all .4s;position: absolute;left: 0;height: 2px;background-color: #222;}
.openbtn span:nth-of-type(1) { top: 22px; width: 100%; }
.openbtn span:nth-of-type(2) { top: 36px; width: 80%; left: auto; right: 0; }
.openbtn span:nth-of-type(3) { top: 50px; width: 60%; left: auto; right: 0; }
.openbtn.active span:nth-of-type(1) { top: 31px; left: 17px; transform: rotate(-45deg); }
.openbtn.active span:nth-of-type(2) { top: 31px; left: 17px; transform: rotate(45deg); width: 100%; }
.openbtn.active span:nth-of-type(3) { right: -200px; }
.mobile-menu {position: fixed;top: 0;right: -100%;width: 100%;height: 100vh;background-color: #DFDFD9;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);transition:  all .7s ease;z-index: 10;overflow-y: scroll;opacity: 0;z-index: 100;}
.menu-list { list-style: none; padding: 0; margin: 0 0 80px; position: relative; display: flex; flex-direction: column; gap: 36px; }
.menu-list li { text-align: center; }
.menu-list li a { text-decoration: none; display: block; font-size: 20px; }
.sub-menu{display:none;margin: 20px 0 0;}
.menu-item-has-children > a{cursor:pointer}
.show-menu{right:0;opacity: 1;}
.menu-item-has-children a span{position:relative;color: #333;}
.menu-item-has-children a span::after{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:8px 0 8px 10px;border-color:transparent transparent transparent var(--main-color);margin:0 0 0 12px;vertical-align:-2px;transform:rotate(90deg)}
.sub-menu > li{border-bottom: 1px solid #222;}
.menu-list .sub-menu li a { padding: 20px 0; }
.mobile-menu .footer { margin: 0; }
.mobile-menu .footer-container { max-width: 1300px; }

/*============================
 フッター
============================*/
.footer {background-color: #6D6D6D;color: white;padding: 100px 0 20px;margin: 100px 0 0;}.footer * {font-family: "source-han-sans-japanese", sans-serif; font-weight: 300;}.footer-container {max-width: 1400px;margin: 0 auto;width: 96%;}.footer-top {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 40px;}.footer-buttons {display: flex; flex-direction: column; gap: 18px;}.footbtn {display: inline-block; padding: 32px; text-align: center; min-width: 280px; font-weight: 300;}.footbtn.footbtn-primary {background-color: white; color: #6D6D6D;}.footbtn.footbtn-secondary {color: white; border: 1px solid white;}.footer-nav {display: flex; gap: 100px;}.nav-column ul {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 32px;}.nav-column .sub-menu > li {border: none;}.nav-column a {color: white; text-decoration: none; font-size: 16px; padding: 4px 0;}.nav-column a:hover {text-decoration: underline;}.nav-column ul.sub-menu {gap: 16px; font-size: 14px;}.nav-column ul.sub-menu a {font-size: 15px;}.footer-middle {margin-bottom: 30px;}.footer-logo {display: flex; flex-direction: column; align-items: flex-start;}.logo {font-size: 32px; font-weight: bold; margin: 0 0 48px 0;}.company-info p {margin: 5px 0; font-size: 15px; line-height: 1.4;}.footer-social {margin-bottom: 20px; display: flex; justify-content: flex-end;}.social-icons {display: flex; gap: 15px;}.social-icon {display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;color: white;text-decoration: none;transition: opacity 0.3s;}.social-icon:hover {opacity: 0.7;}.footer-bottom {text-align: center; padding-top: 20px;}.copyright {margin: 0; font-size: 14px; color: #fff;}
.phone a, .fax a {
  color: #fff;
}

/*============================
 右側固定メニュー
============================*/
.fixed-side-menu {position: fixed;right: 0;top: 16%;z-index: 100000;display: flex;flex-direction: column;gap: 10px;}
.fixed-btn {display: block;text-align: center;font-weight: bold;writing-mode: vertical-rl;text-orientation: mixed;transition: all 0.3s ease;/* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); */padding: 30px 20px;height: 180px;}
.fixed-btn-yellow {background-color: #faed00; color: #333;}
.fixed-btn-yellow:hover {background-color: #f0e000; transform: translateX(-5px);}
.fixed-btn-black {background-color: #000; color: #fff;}
.fixed-btn-black:hover {background-color: #333; transform: translateX(-5px);}



/*============================
 共通
============================*/


/*============================
 トップページ
============================*/
/* メインビジュアル */
.main-visual { position: relative; }
.main-visual img { max-height: 100vh; width: 100%; object-fit: cover; }
.main-visual-text {position: absolute;z-index: 100;top: 50px;bottom: 0;left: 16%;margin: auto;height: fit-content;color: #fff;font-size: 40px;font-weight: bold;letter-spacing: 6px;overflow: hidden;opacity: 0;transition: all .5s ease-out;}
.main-visual-text-sub { position: absolute; z-index: 100; bottom: 5%; left: 4%; height: fit-content; color: #fff; font-size: 20px; font-weight: 500; letter-spacing: 6px; text-decoration: underline; text-underline-offset: 7px; }
.scroll { position: absolute; right: 0; left: 0; bottom: 7%; margin: auto; width: fit-content; writing-mode: vertical-rl; color: #fff; }
.scroll span { font-size: 12px; }
.scroll::before { position: absolute; right: 0; left: 1px; bottom: -135px; margin: auto; width: 1px; height: 120px; background-color: #000; content: ""; animation: scroll 2s infinite; }
@keyframes scroll { 0% { transform: scale(1, 0); transform-origin: 0 0; } 50% { transform: scale(1, 1); transform-origin: 0 0; } 51% { transform: scale(1, 1); transform-origin: 0 100%; } 100% { transform: scale(1, 0); transform-origin: 0 100%; } }
.main-visual-container { overflow: hidden; }
@keyframes zoomUp { 0% { transform: scale(1); } 100% { transform: scale(1.07); } }
.add-animation { animation: zoomUp 10s linear 0s normal both; }

 /* No.1セクション */
.no1-section {background-color: #fff; padding: 80px 0 0px; text-align: center;}
.no1-container {margin: 0 auto; max-width: 1200px; padding: 0 20px;}
.no1-content {display: flex; justify-content: center; align-items: flex-end;}
.no1-left-text {position: relative; margin-right: 20px;}
.no1-text-left {display: block; font-size: 40px; font-weight: 100; letter-spacing: 8px;}
.no1-center {position: relative; top: 16px;}
.no1-image {display: block; max-width: 305px;}
.no1-right-text {position: relative; margin-left: 20px;}
.no1-text-right {display: block; font-size: 40px; letter-spacing: 6px;}
.dot {background: radial-gradient(circle at center, black 20%, transparent 20%) top right / 1.25em 0.3em repeat-x; padding-top: .4em;}
.no1-disclaimer {text-align: center; margin-top: 32px;}
.no1-disclaimer-text {font-size: 12px;margin: 0 0 80px;}
.no-1-imgs { gap: 40px; }
.no-1-imgs img { width: calc(100% / 3 - 80px / 3); }
.red { color: #D60E11; }
.no1-text-left .num { font-size: 200%; line-height: 1; position: relative; bottom: -3px; left: -7px; font-family: var(--font-en); }
.no1-text-left.red { font-weight: 500; }

/* プロトプランセクション */
.protoplan-section {overflow: hidden; padding: 7% 0 12%;}
.protoplan-title {font-family: var(--en-font);font-size: 18px;margin: 0 0 24px;font-weight: normal;}
.protoplan-title::before { content:attr(data-en); display: block; font-family: var(--en-font); font-size: 26px; letter-spacing: 4px; margin: 0 0 4px; }
.protoplan-slider {position: relative;}
.protoplan-slider .slick-dots, .company3 .slick-dots, .plotplan-item-content-gallery .slick-dots {bottom: -40px; right: 50%; transform: translateX(50%); width: 100%;}
.protoplan-slider .slick-dots li, .company3 .slick-dots li, .plotplan-item-content-gallery .slick-dots li {height: 3px; margin: 0 6px; width: 70px;}
.protoplan-slider .slick-dots li button, .company3 .slick-dots li button, .plotplan-item-content-gallery .slick-dots li button {background: #ccc; height: 3px; width: 70px;}
.protoplan-slider .slick-dots li.slick-active button, .company3 .slick-dots li.slick-active button, .plotplan-item-content-gallery .slick-dots li.slick-active button {background: #333;}
.protoplan-slide {aspect-ratio: 5 / 3.2; max-width: 70%; position: relative; width: 480px; padding: 0px 10px;}
.protoplan-image {height: 100%;/* overflow: hidden; */position: relative;}
.protoplan-image img {height: 100%; object-fit: cover; width: 100%;}
.protoplan-info {bottom: 30px; color: white; left: 50px; position: absolute;}
.protoplan-type {display: inline-block; font-size: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem); font-weight: bold; letter-spacing: 2px; padding: 0 0 0 4px;}
.protoplan-price {font-family: var(--en-font);font-size: clamp(1rem, 0.2rem + 4vw, 5rem);font-weight: 600;letter-spacing: 2px;line-height: 1;text-shadow: 3px 3px 16px #373737;}
.protoplan-price span {font-size: clamp(0.2em, 30%, 50%); padding: 0 0 0 16px;}
.protoplan-banner {background: #fff; letter-spacing: 2px; padding: 24px 10px; position: absolute; right: 30px; top: 0; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
.protoplan-new-text {font-size: 20px; left: 12px; position: absolute; top: 17px; transform: rotate(-45deg); z-index: 100;}
.protoplan-banner-text {font-size: 22px; white-space: nowrap;}
.check-banner.protoplan-new-badge {clip-path: polygon(100% 0, 0 0, 0 100%); left: 0; padding: 60px; top: 0; transform: none; -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);}



/* 安心の家づくりセクション */
.anshin-section { margin: 4% 0 9%; position: relative; }
.anshin-section::before, .anshin-section::after { animation: scroll 2s infinite; background: #222; content: ""; display: block; height: 110px; left: 0; margin: auto; position: absolute; right: 0; top: -55px; width: 1px; }
.anshin-section::after { bottom: -55px; top: auto; }
.anshin-background { background: url('/wp-content/uploads/anshin-bg-scaled.jpg') center/cover no-repeat; padding: 200px 0 290px; }
.anshin-container {align-items: center;display: flex;height: 100%;margin: 0 auto;max-width: 1200px;position: relative;width: 96%;z-index: 2;}
.anshin-content { width: 100%; }
.anshin-brand-name { font-size: 40px; font-weight: 400; letter-spacing: 3px; margin: 0 0 8px; }
.anshin-brand-concept { font-size: 32px; font-weight: 500; }
.anshin-concept-text {/* color: #000; */font-size: 16px;font-weight: 300;line-height: 2;margin: 0;}
.anshin-features {padding: 0 0 8%;position: relative;gap: 16px;}
.anshin-feature {padding: 40px 20px;text-align: center;position: relative;}
.anshin-features-en { position: absolute; z-index: 2; font-size: 15px; left: -20px; top: -20px; letter-spacing: 1px; }
.anshin-feature::before {content: "";display: block;background: rgb(255 255 255 / 80%);width: 100%;position: absolute;border-radius: 50%;aspect-ratio: 1 / 1;left: 0;right: 0;top: 0;bottom: 0;margin: auto;opacity: 0;}
.anshin-feature.active::before{animation: zoomIn 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;}
.anshin-feature.active:nth-child(3)::before {
  animation-delay: .2s;
}

.anshin-feature.active:nth-child(4)::before {
  animation-delay: .4s;
}
.anshin-feature-icon img {height: 100%;object-fit: contain;}
.anshin-content-inner { grid-template-columns: 390px 1fr; padding: 0 0 12%; }
#anshin-section .contact-options { max-width: 80%; width: 330px; }
.anshin-feature:first-child { border-left: 2px solid #222; }
.anshin-feature:first-child .anshin-feature-icon { width: 120px; }
.anshin-feature:nth-child(2) .anshin-feature-icon {transform: translateY(12px);width: 110px;}
.anshin-feature:nth-child(3) .anshin-feature-icon {width: 70px;}
.anshin-feature-icon {align-items: center;color: #333;display: flex;height: 70px;justify-content: center;margin: 0 auto 20px;width: 80px;}
.anshin-feature-icon svg { height: 100%; width: 100%; }
.anshin-feature-title { font-size: 39px; font-weight: 500; letter-spacing: 5px; margin: 0 0 16px 0; }
.anshin-feature-subtitle { font-size: 16px; }
.anshin-section .top-staff-vertical-text { top: -60px; }

/* イベントセクション  */
.top-event { padding: 0 0 24%; }
.top-event-content { gap: 120px; grid-template-columns: 1.1fr 0.8fr; padding: 80px 0 0; }
.top-event-left { position: relative; }
.top-event-left a .option-arrow { position: absolute; right: 0; bottom: 0; }
.top-event-right a .option-arrow { position: absolute; right: 0; }
.top-event-left a { display: block; padding: 0; overflow: initial; }
.top-event-left a::after { display: none; }
.top-event-right a::after { display: none; }
.top-event a:hover img { opacity: 1; }
.top-event-left img { aspect-ratio: 4 / 3; object-fit: cover; height: auto; }
.top-event-right img { aspect-ratio: 4 / 3; object-fit: cover; height: auto; }
#top-blog .top-blog-list img { aspect-ratio: 4 / 3; object-fit: cover; height: auto; }
.top-event-text-wrap { align-items: center; justify-content: space-between; margin: 0 0 16px; }
.top-event-title { font-size: 27px; font-weight: 400; letter-spacing: 2px; }
.top-event-cat { background: #faed00; font-size: 14px; padding: 2px 12px; width: fit-content; }
.top-event-list-text .top-event-cat { margin: 0 0 10px; }
.top-event-list-title { font-size: 20px; font-weight: normal; letter-spacing: 2px; margin: 0 0 10px; }
.top-event-text { line-height: 1.7; }
.top-event-list-des { font-size: 14px; line-height: 1.7; }
.top-event-list-des.date {padding-right: 70px;}
.tar.top-event-list-des {font-size: 14px;color: #5e5e5e;}
.top-blog-text.top-event-list-text { padding: 0; }
#top-event .contact-options {width: 320px;display: none;}


/* モデルハウスセクション  */
#top-model-house {position: relative; margin: 0 0 10%; padding: 0 0 10%;}
#top-model-house::before {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0 auto; width: 90%; height: 100%; background: #dfdfd9;}
#top-model-house .top-staff-vertical-text {top: 0; height: max-content;}
.top-model-house-container {position: relative; margin: 0 0 0 auto; max-width: 94%; width: 1690px;}
.top-model-house-title, .top-model-house-title span {font-family: var(--en-font); font-size: 140px; font-weight: 100; letter-spacing: 13px;}
.top-model-house-title {line-height: 1; margin: 0 0 20px;}
.top-model-house-content {gap: 100px; grid-template-columns: 660px 1fr;}
.top-model-house-content .contact-option {width: 80%;}
.top-model-house-title-wrap {transform: translateY(-140px); /* margin: 0 0 80px; */}
.top-model-stall-left {padding: 0 0 0 24%;}
.model-house-name {font-size: 28px; letter-spacing: 4px; padding: 0 0 0 10px; /* font-weight: bold; */}
.model-house-title {font-size: 24px; font-weight: 500; letter-spacing: 4px; line-height: 1.8; margin: 0 0 80px;}

/* モデルハウスプロモーション */
.model-house-promotion {max-width: 1130px;width: 100%;padding: 12% 0px 0 0;position: relative;margin: 0 auto;}
.promotion-container {position: relative;background: #fff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);overflow: hidden;max-width: 100%;}
.promotion-content {position: relative;display: flex;align-items: center;justify-content: flex-start;padding: 40px 9% 40px 111px;gap: 40px;}
.check-banner { position: absolute; top: 0; left: 0; z-index: 10; background: #faed00; transform: none; -webkit-clip-path: polygon(100% 0, 0 0, 0 100%); clip-path: polygon(100% 0, 0 0, 0 100%); padding: 37px 28px; }
.check-text { position: relative; display: block; left: -20px; top: -15px; font-family: var(--en-font); font-weight: bold; letter-spacing: 2px; transform: rotate(-45deg); }
.phone-illustration { position: relative; display: flex; flex-direction: column; align-items: center; }
.click-text::before, .click-text::after { position: absolute; content: ""; width: 2px; height: 40px; background: #222; display: block; }
.click-text::before { transform: rotate(154deg); left: -20px; top: -9px; }
.click-text::after { transform: rotate(26deg); right: -18px; top: -9px; }
.main-title span { font-size: 80%; }
.main-title { font-size: 24px; font-weight: bold; margin-bottom: 20px; line-height: 1.4; letter-spacing: 3px; }
.main-description { max-width: 500px; line-height: 1.8; }
.cta-section { position: relative; flex: 1; text-align: center; }
.click-text { position: relative; margin: 0 0 0 auto; width: fit-content; right: 4px; font-family: var(--en-font); font-size: 18px; font-weight: bold; letter-spacing: 3px; }
.cta-text { color: #000; font-size: 16px; font-weight: 500; margin-bottom: 20px; }
.cta-button { width: 50px; height: 50px; border: 2px solid #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; cursor: pointer; transition: all 0.3s ease; }
.cta-button:hover { background: #000; color: #fff; }
.arrow { font-size: 20px; font-weight: bold; }
.cta-line { width: 100%; height: 2px; background: #000; margin-top: 20px; }


/* ABOUTセクション  */
.top-about-container {width: 1450px;max-width: 89%;margin: 0 auto;}
.top-about-content { gap: 100px; align-items: center; }
.top-about-title { font-size: 26px; line-height: 1.8; font-weight: normal; }
.top-about-left { display: flex; flex-direction: column; gap: 100px; padding: 0px 0 0 21.9%; }
#top-about .contact-options { margin: 0; }
.top-event-catch { font-size: 12px; font-weight: 100; }
.top-event-date {font-size: 12px;color: #5e5e5e;}
.top-event-description { font-size: 18px; }


/* WORKセクション  */
#top-work {padding: 4% 0 21%;}
#top-work .social-icon {color: #6d6d6d;}
#top-work .option-link {width: 330px;max-width: 100%;margin: 0 0 0 auto;}
.new-icon {position: absolute; top: -25px; left: -25px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 60px; height: 60px; background: #faed00; border-radius: 50%;}
.top-work-bottom {display: flex; flex-direction: column; align-items: flex-end; gap: 100px; width: 1100px; max-width: 92%; margin: 0 auto;}
.top-work-container {margin: 40px 0 0;}
.top-work-des {font-size: 12px; letter-spacing: 1px;}
.top-work-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 16px; width: 1400px; max-width: 85%; margin: 0 0 120px auto;}
.top-work-list li {position: relative;}
.top-work-list li:nth-child(n+4) {position: relative; left: -120px;}
.top-work-list figure {margin: 0 0 8px;}
.top-work-list img {
  height: auto;
  aspect-ratio: 4.5 / 3;
}
.top-work-list-des span {font-size: 14px;}
.top-work-list-title {font-weight: 400;}
.top-work-tit-wrap {display: grid;grid-template-columns: 100px 250px 0.95fr;align-items: flex-end;width: 1500px;max-width: 90%;margin: 0 auto 0px;}
.top-work-title-en {font-family: var(--en-font); font-size: 90px; letter-spacing: 10px;}
.top-work-title-ja {font-size: 30px; font-weight: 500; letter-spacing: 2px; margin: 0 0 50px 53px;}
.top-work-title-ja span {font-size: 43%;font-weight: 100;letter-spacing: 1px;margin: 16px 0 0;padding: 0 0 0 4px;}

/* staffセクション */
.top-staff-container { position: relative; width: 1500px; max-width: 83%; margin: 0 0 0 auto; }
.top-staff-content { grid-template-columns: 450px 1fr; align-items: flex-start; gap: 80px; }
.top-staff-left { position: relative; }
.top-staff-left * { color: #fff; }
.top-staff-image { width: 100%; }
.top-staff-image img { width: 100%; height: auto; display: block; }
.top-staff-title { font-family: var(--en-font); font-size: 77px; font-weight: 100; line-height: 0.9; letter-spacing: 10px; margin: 0 0 20px; justify-content: space-between; align-items: flex-start; }
.top-staff-subtitle { font-size: 14px; font-weight: normal; line-height: 1.8; letter-spacing: 1px; margin: 0 0 16px; }
.top-staff-title-ja { font-size: 28px; letter-spacing: 2px; margin: 0 0 80px; }
.top-staff-description { margin: 0 0 120px; /* font-size: 14px; */ }
.top-staff-vertical-text { position: absolute; top: -300px; right: 8%; z-index: 10; writing-mode: vertical-rl; text-orientation: mixed; font-size: 12px; color: #222; letter-spacing: 1px; }
.top-staff-container .contact-option {width: 330px;max-width: 73%;}
#top-staff { position: relative; margin: 8% 0 0; }
#top-staff::before { content: ""; position: absolute; right: 0; top: -200px; bottom: 0; width: 90%; height: calc(100% + 400px); background: #6d6d6d; }
#top-staff .option-link { border-color: #fff; }

/* top-blog-container */
.top-blog-container { padding: 26% 0 14%; }
.top-blog-content {display: flex;align-items: baseline;gap: 40px;}
.top-blog-left { flex: 1; max-width: 580px; }
.top-blog-right { flex: 1; max-width: 580px; }
.top-blog-image { width: 100%; border-radius: 8px; overflow: hidden; box-shadow: 0 8px 25px rgba(0,0,0,0.15); transition: transform 0.3s ease; }
.top-blog-image:hover { transform: translateY(-5px); }
.top-blog-image img { width: 100%; height: auto; display: block; }
.top-blog-title {font-family: var(--en-font);font-size: 38px;letter-spacing: 4px;border-bottom: 1px solid #7f7f7f;padding: 0 0 8px;margin: 0 0 8px;background: url("/wp-content/uploads/house-icon.png") no-repeat 94% 11px / 47px;font-weight: normal;}
.top-blog-right .top-blog-title {background: url("/wp-content/uploads/memo-icon.png") no-repeat 94% 11px / 44px;}
.top-blog-title-ja { font-size: 20px; letter-spacing: 3px; margin: 0 0 80px; }
.top-blog-text { flex: 1; padding: 36px 0 0; }
.top-blog-list { display: flex; flex-direction: column; gap: 18px; margin: 0px 0 10%; }
.top-blog-list a {gap: 40px;border-bottom: 1px solid #222;padding: 0 0 16px;overflow: initial;}
.top-blog-list a figure {max-width: 230px;}
.top-blog-list-date {font-size: 14px;color: #5e5e5e;}
.top-blog-list-title { font-weight: normal; }
.top-blog-container .contact-option {width: 320px;max-width: 96%;margin: 0 0 0 auto;}

/* Contact */
.contact-container { width: 1400px; max-width: 94%; margin: 0 auto; }
.contact-content { display: flex; gap: 80px; align-items: flex-start; margin-bottom: 80px; background: #DFDFD9; padding: 13% 8% 13% 9%; position: relative; }
.contact-left { width: 49%; padding: 0 0 0 5%; }
.contact-main-content { flex: 1; }
.contact-title { font-size: 30px; font-weight: normal; letter-spacing: 2px; color: #222; margin-bottom: 40px; }
.contact-description { font-size: 16px; line-height: 1.8; color: #222; margin-bottom: 90px; }
.contact-options {display: flex;flex-direction: column;gap: 20px;width: 330px;max-width: 100%;margin: 0 0 0 auto;}
.contact-option { position: relative; }
.option-link { display: flex; justify-content: space-between; align-items: center; padding: 24px 10px; text-decoration: none; color: #222; transition: all 0.3s ease; overflow: hidden; position: relative; }
.option-link::after { content: ""; position: absolute; bottom: 0; left: -100%; width: 200%; height: 1px; background-image: linear-gradient(to right, #9a9a9a 50%, #222 50%); transition: all .5s ease; }
.option-link:hover::after { left: 0; }
.option-link:hover .option-arrow { background: #333; }
.option-link:hover .option-arrow::before { left: 70%; opacity: 0; transition: all .4s ease-out .1s; }
.option-link:hover .option-arrow::after { left: 49%; opacity: 1; transition: all .4s ease-in; }
.option-text {font-size: 18px;}
.option-arrow { position: relative; display: block; flex-shrink: 0; width: 55px; height: 55px; overflow: hidden; border-radius: 50%; background-color: #fff; border: 1px solid #222; transition: all .4s ease-in-out .1s; }
.option-arrow::before { content: ""; position: absolute; top: 50%; left: 47%; width: .6rem; height: .6rem; transform: translate(-50%, -50%) rotate(45deg); border-top: 1px solid #222; border-right: 1px solid #222; transition: all .4s ease-in; }
.option-arrow::after { content: ""; position: absolute; top: 50%; left: 30%; width: .6rem; height: .6rem; opacity: 0; transform: translate(-50%, -50%) rotate(45deg); border-top: 1px solid #fff; border-right: 1px solid #fff; transition: all .4s ease-out .1s; }
.option-arrow[data-back=trans] { background: transparent; border-color: #fff; }
.option-arrow[data-back=trans]::before, .option-arrow[data-back=trans]::after { border-color: #fff; }
.option-link[data-back=trans]::after { background-image: linear-gradient(to right, #9a9a9a 50%, #fff 50%); }
.option-link[data-back=trans]:hover .option-arrow { background: #111; }
.option-arrow[data-back=trans-black] { background: transparent; }
.option-arrow[data-back=trans-black]::before, .option-arrow[data-back=trans-black]::after { border-color: #000; }
.option-link:hover .option-arrow[data-back=trans-black] { background: #fff; }
.contact-right { flex: 1; }
.contact-vertical-text { position: absolute; top: -70px; left: 0; writing-mode: vertical-rl; font-size: 92px; font-family: zurich-light-condensed; font-weight: 100; line-height: 1; letter-spacing: 9px; color: #222; }
.sns-section { display: flex; justify-content: center; align-items: center; gap: 16px; }
.sns-title { position: relative; font-size: 21px; font-family: var(--en-font); font-weight: 100; letter-spacing: 2px; color: #6d6d6d; }
.sns-title::after { content: ""; display: inline-block; width: 40px; height: 1px; background: #b6b6b6; vertical-align: middle; margin: 0 0 0 16px; }
.sns-icons { display: flex; gap: 8px; }
.sns-icon { display: inline-block; width: 40px; height: 40px; background-color: #222; color: #fff; text-decoration: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; transition: all 0.3s ease; }
.sns-icon:hover { opacity: 0.7; }
.contact-footer .sns-icons svg { color: #6d6d6d; }


/*============================
 サブページ共通
============================*/
.subpage {padding: 16% 0 0;}
.subpage-title { display: flex; align-items: flex-end; gap: 60px; padding: 0 0 30px; overflow: hidden; }
.subpage-title-ja {font-size: 81px;font-weight: 400;font-family: var(--en-font);line-height: 0.8;letter-spacing: 10px;display: block;transform: translateY(2.1em);}
.subpage-title-ja.active { animation: pageTitleAnime 1.2s cubic-bezier(0.4, 0.46, 0.46, 0.98) .1s 1 forwards; }
@keyframes pageTitleAnime { 0% { transform: translateY(2.1em); } 100% { transform: translateY(0); } }
.subpage-title-sub { font-size: 13px; letter-spacing: 0px; line-height: 1.8; font-weight: normal; }
.subpage-title-sub-ja {font-size: 20px;/* padding: 0 0 0 30px; */letter-spacing: 3px;}
.sub-key {padding: 0 0 80px 0;}
.max-200 {
  max-width: calc(100% - 200px);
}
.breadcrumbs { padding: 0 10% 8% 0; }
.breadcrumbs ul { display: flex; justify-content: flex-end; }
.breadcrumbs li, .breadcrumbs a { font-size: 13px; }
.breadcrumbs a::after { content: "＞"; margin: 0 20px; }
.section-title1 {display: flex;align-items: center;gap: 40px;font-weight: 400;font-size: 20px;margin: 0 0 130px;letter-spacing: 2px;position: relative;}
.section-title1::before { content: ""; display: block; background: #7f7f7f; width: 60px; height: 1px; }
.sub-key-wrap {
  max-width: 88%;
}

/*============================
 会社概要
============================*/
.company1-content { gap: 90px; align-items: center; }
.message-image { max-width: 500px; }
.subTit1 { font-size: 24px; font-weight: normal; letter-spacing: 4px; margin: 0 0 100px; }
.message-body { line-height: 3; font-size: 14px; margin: 0 0 60px; }
.message-body2 { font-size: 15px; }
.company1, .company2 { padding: 0 0 12%; }
.liststyle-label { background: #aeafa1; color: #fff; margin: 10px 0 10px; }
.liststyle-row { display: grid; grid-template-columns: 0.8fr 1fr; gap: 60px; }
.liststyle-value { border-bottom: 1px solid #bfbfbf; place-content: center; }
.liststyle-label, .liststyle-value { padding: 16px; text-align: center; letter-spacing: 3px; font-weight: normal; }
.access-info { padding: 110px 0 0; gap: 140px; align-items: center; }
.office-name { font-weight: normal; letter-spacing: 2px; font-size: 20px; margin: 0 0 20px; }
.access-info-text-inner1 p { font-size: 15px; }
.access-info-text-inner1 { margin: 0 0 40px; }
.access-info-text-inner2-title { font-weight: normal; font-size: 15px; }
.access-info-text-inner2-text:first-of-type { margin: 0 0 30px; }
.access-image img {
  aspect-ratio: 2 / 1;
}
.company3 { padding: 0 0 10%; }
.map iframe { width: 100%; aspect-ratio: 16 / 7; }
.company4 { padding: 0px 0 15%; }

/*============================
 お問い合わせ
============================*/
input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"],textarea, select {width: 100%!important;height: auto;display: block;padding: 12px 16px;background-color: #f2f2f2;box-shadow: 0 0;-webkit-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
input[type="date"] { position: relative; }
input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; position: absolute; width: 100%; height: 100%; }
.contact1 { padding: 0 0 16%; }
.contact1-title { font-size: 24px; font-weight: normal; letter-spacing: 4px; margin: 0 0 100px; }
.contact1-title::after { content: attr(data-en); display: block; font-size: 14px; letter-spacing: 0px; padding: 16px 0 0; }
.contact1-item { display: grid; grid-template-columns: 50px 190px 1fr; gap: 30px; align-items: center; }
.contact1-item-label label { font-size: 18px; }
.hisu { text-align: center; background: #f8eb00; font-size: 13px; line-height: 1; padding: 4px 0; }
.contact1-content { display: flex; flex-direction: column; gap: 32px; }
.wpcf7-form-control-wrap[data-name="time1"], .wpcf7-form-control-wrap[data-name="time2"], .wpcf7-form-control-wrap[data-name="model"], .wpcf7-form-control-wrap[data-name="date1"], .wpcf7-form-control-wrap[data-name="date2"] { display: block; }
.wpcf7-form-control-wrap[data-name="time1"]::before, .wpcf7-form-control-wrap[data-name="time2"]::before, .wpcf7-form-control-wrap[data-name="model"]::before, .wpcf7-form-control-wrap[data-name="date1"]::before, .wpcf7-form-control-wrap[data-name="date2"]::before { content: ""; position: absolute; right: 21px; top: 24px; z-index: 1111; display: inline-block; color: #222; width: 10px; height: 10px; border: 0.1em solid currentColor; border-left: 0; border-bottom: 0; transform: rotate(135deg); }
select.wpcf7-form-control { position: relative; }
.wpcf7-form-control-wrap[data-name="postal"]::before { content: "〒"; position: absolute; left: 14px; top: 9px; display: block; height: fit-content; font-size: 20px; z-index: 1111; }
.wpcf7-form-control-wrap[data-name="postal"] input { padding: 12px 16px 12px 64px; }
input[name="doui"] { width: 20px; height: 20px; vertical-align: -4px; margin: 0 30px 0 0; }
.contact1-item.accept { margin: 90px 0 0; }
.accept-title { font-weight: normal; font-size: 18px; margin: 0 0 20px; }
.accept-content p { font-size: 14px; }
.accept-content p.accept-btn { font-size: 17px; margin: 40px 0 120px; }
.submit { width: 420px; max-width: 100%; margin: 0 auto; }
input.wpcf7-submit { padding: 24px 30px; text-align: center; background: none!important; border: 1px solid #222!important; width: 270px; max-width: 100%; cursor: pointer; }
.wpcf7 .wpcf7-submit:disabled { opacity: 0.6; }
.accept-btn .wpcf7-list-item { margin: 0; }
#checks p { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 30px; }
input.wpcf7-submit:hover { opacity: .7; }
.wpcf7-spinner { display: block!important; margin: 20px auto 0!important; }
.wpcf7 form .wpcf7-response-output { width: 600px; max-width: 90%; margin: 40px auto!important; text-align: center; padding: 16px!important; }

/*============================
プロトプラン
============================*/
.plotplan1 { padding: 0 0 16%; }
.plotplan-links { position: relative; top: -100px; gap: 60px; }
.plotplan-links-list { gap: 32px; }
.plotplan-links-title { font-family: var(--en-font); font-size: 27px; }
.plotplan-links-list a { font-family: var(--en-font); font-size: 26px; font-weight: bold; }
.plotplan-list { display: flex; flex-direction: column; gap: 120px; }
.plotplan-item { background: #e3e3de; padding: 110px 140px; }
.plotplan-item-content { margin: 0 0 100px; }
.plotplan-item-content-title { font-family: var(--en-font); font-size: 28px; font-weight: normal; letter-spacing: 3px; border-bottom: 1px solid #222; margin: 0 0 60px; }
.plotplan-item-content-gallery { width: 34vw; margin: 0!important; }
.plotplan-item-content-title .num { font-family: var(--en-font); font-weight: bold; font-size: 92px; }
.plotplan-item-content-title .num::after { content: ""; width: 1px; height: 50px; background: #111; display: inline-block; margin: 0 37px; transform: rotate(28deg); }
.plotplan-item-content1 { gap: 100px; margin: 0 0 100px; align-items: center; }
.plotplan-item-content-gallery .slick-dots li button { background: #fff; }
.plotplan-detail { grid-template-columns: 0.5fr 1fr; }
.plotplan-detail-label, .plotplan-detail-value { padding: 16px; text-align: center; place-content: center; }
.plotplan-detail-label { background: #6d6d6d; color: #fff; letter-spacing: 2px; font-size: 20px; }
.plotplan-detail-value { font-size: 20px; background: #fff; }
.plotplan-detail-value .price { font-size: 26px; letter-spacing: 2px; vertical-align: -1px; padding: 0 8px 0 0; }
.plotplan-detail:first-child dd { font-size: 26px; letter-spacing: 2px; }
.plotplan-detail:last-child dd { background: #f5e90a; }
.plotplan-item-content2 { gap: 20px 60px; }
.plotplan-item-draw { position: relative; background: #fff; padding: 100px; }
.plotplan-item-draw p { position: absolute; background: #000; color: #fff; padding: 0 16px 0 50px; font-size: 30px; line-height: 1.3; left: -14px; top: 24px; font-family: var(--en-font); font-weight: bold; }

/*============================
コスト
============================*/
.cost1-content { grid-template-columns: 40px 1fr 1fr; gap: 100px; }
.subTit3 { line-height: 2; font-size: 31px; font-weight: normal; letter-spacing: 4px; margin: 0 0 120px; }
.cost1 { position: relative; padding: 0 0 12%; }
.cost1-tate { writing-mode: vertical-rl; line-height: 1.8; font-size: 12px; }
.cost1-text {letter-spacing: 1.4px;line-height: 2.2;}
.cost1-image {display: grid;align-items: center;}
.cost1-image img {max-width: 380px;}
.cost2 { padding: 10% 0 16%; background: #e2e2dd; }
.cost2-title {font-weight: normal;font-size: 40px;letter-spacing: 4px;}
.cost2-text {gap: 185px;}
.cost2-text p { flex: 1; padding: 90px 0 0; letter-spacing: 0.8px; line-height: 2.2; }
.cost2-content { padding: 0 0 10%; }
.cost2-content2 { max-width: 93%; padding: 0 60px 0 0; margin: 0 auto; }
.cost3 { padding: 9% 0 14%; }
.cost3-content-wrap { gap: 100px; grid-template-columns: 1fr 0.8fr; align-items: center; }
.cost3-text-box { gap: 60px; margin: 0 0 40px; grid-template-columns: 1fr 0.7fr; align-items: center; }
.cost3-subtitle { font-size: 14px; letter-spacing: 0.5px; margin: 0 0 50px; }
.cost3-title { font-weight: 100; font-size: 38px; letter-spacing: 6px; line-height: 1; white-space: nowrap; }
.cost3-title .bold { font-weight: bold; border-bottom: 2px solid #222; display: inline-block; margin: 30px 0; }
.cost3-text { line-height: 2.2; }

.cost4 { position: relative; padding: 100px 0 23%; }
.cost4::before { animation: scroll 2s infinite; background: #222; content: ""; display: block; height: 110px; left: 0; margin: auto; position: absolute; right: 0; top: -55px; width: 1px; }
.cost4-title { font-family: var(--en-font); margin: 0 0 80px; font-size: 16px; }
.cost4-content-item {border: none;background: #5a5a5a;padding: 34px 20px 34px 45px;transition: all 1.2s cubic-bezier(0.4, 0.46, 0.46, 0.98) .15s;}
.cost4-content-item::after { display: none; }
.cost4-content { gap: 15px; }
.cost4-content-item-text img { width: 40px; margin: 0 0 11px; }
.cost4-content-item-title { color: #fff; font-weight: normal; font-size: 25px; }
.cost4-content-item-title::after { content: attr(data-en); display: block; font-family: var(--en-font); font-size: 16px; padding: 4px 0 0; }

/*============================
エキスパート
============================*/
.expert1 {padding: 0 0 130px;position: relative;}
.expert2 { padding: 0 0 18%; }
.expert2-content { gap: 120px 40px; }
.expert2-item-tit-en { color: #aaaaa6; font-family: var(--en-font); display: flex; align-items: center; gap: 30px; }
.expert2-item-tit-en::before { content: counter(counter,decimal-leading-zero); color: #222; font-size: 36px; line-height: 1; }
.expert2-item { counter-reset: auto; counter-increment: counter; }
.expert2-item-image { margin: 0 0 46px; }
.expert2-item-text-wrap { display: grid; gap: 30px; }
.expert2-item-title { font-weight: normal; font-size: 23px; letter-spacing: 3px; }
.expert2-item-text { line-height: 2.3; letter-spacing: 1px; }
#page-114 #top-staff {margin-bottom: 440px;}


/*============================
アフターメンテナンス
============================*/
.maintenance2 {margin-bottom: 240px;}
.maintenance2-image { margin: 0 0 250px; }
.maintenance2-content {display: grid;gap: 190px;}
.maintenance2-item { grid-template-columns: 1fr 0.7fr; gap: 128px; }
.maintenance2-item-title {font-weight: normal;font-size: 23px;letter-spacing: 3px;margin: 0 0 60px;text-indent: -42px;}
.maintenance2 .cost2-title { line-height: 2; }
.maintenance2-item-title::before {content: "";display: inline-block;width: 27px;height: 27px;background: url("http://theflat.jp/wp-content/uploads/check.png") no-repeat center / contain;margin: 0px 16px 0 0;vertical-align: -5px;}
.maintenance2-item-text-wrap {padding: 30px 0 0;}
.maintenance2-item-text {letter-spacing: 2px;line-height: 2.3;font-size: 14px;}
.maintenance2 .cost2-text p { padding-top: 92px; }


/*============================
デザイン
============================*/
.design2-item {gap: 100px;align-items: center;grid-template-columns: 1fr 0.75fr;counter-increment: counter;counter-reset: auto;}
.design2-content {display: grid;gap: 100px;width: 1560px;max-width: 90%;}
.design2-item-title {font-size: 25px;font-weight: normal;letter-spacing: 3px;margin: 0 0 50px;position: relative;padding: 0 0 0 32px;text-indent: -16px;line-height: 1.6;}
.design2-item-title::before {content: counter(counter);font-family: var(--en-font);font-weight: bold;font-size: 46px;margin: auto;position: absolute;top: -3px;bottom: 0;left: 0;line-height: 1;}
.design2-item-text { font-size: 15px; line-height: 2.3; }
.design2 { padding: 0 0 18%; }
.design3-content { display: grid; gap: 97px; }
.design3-item { background: #e2e2dd; padding: 90px 40px 120px 140px; }
.design3-item-tit { font-weight: normal; font-size: 21px; display: flex; gap: 22px; margin: 0 0 40px; }
.design3-item-tit span { font-size: 38px; line-height: 1.1; letter-spacing: 3px; }
.design3-item-tit-wrap { display: flex; flex-direction: column; gap: 30px; position: relative; }
.design3-item-main-text-item { position: relative; }
.design3-item-main-tit::after { content: ""; display: block; position: absolute; width: 98%; height: 2px; background: #222; left: 2px; bottom: -8px; }
.design3-item-main { display: grid; grid-template-columns: 1fr 0.65fr; gap: 90px; margin: 0 0 80px 80px; position: relative; }
.design3-item-main-image { mix-blend-mode: multiply; position: relative; }
.design3-item-main-tit { font-weight: normal; font-size: 17px; letter-spacing: 2px; position: relative; display: inline-block; }
.design3-item-main-text { font-size: 13px; line-height: 1.7; }
.design3-item-main-text-wrap { display: grid; }
.design3-item-btm-item { display: grid; grid-template-columns: 200px 1fr; gap: 70px; align-items: center; }
.design3-item-btm-item-tit {font-size: 19px;font-weight: normal;letter-spacing: 3px;margin: 0 0 24px;}
.design3-item-btm-item-text {font-size: 14px;line-height: 2.3;letter-spacing: 2px;padding: 0 0 0 16px;}
.design3-item-btm {display: grid;gap: 40px;margin: 0 auto;position: relative;padding: 0 90px 0 0;}
.design3 {padding: 0 0 16%;}
.design3-item-en {font-size: 12px;position: absolute;bottom: -10px;letter-spacing: 0.5px;font-family: var(--en-font);}
.design3-item-main-image::before, .design3-item-main-image::after {content: "";background: #222;display: block;width: 8px;height: 8px;border-radius: 50%;position: absolute;right: 53%;top: 30%;}
.design3-item-main-image::after {right: 41.1%;top: 60.3%;}
.design3-item:nth-child(2) .design3-item-main-image::before {right: 31%;top: 41%;}
.design3-item:nth-child(2) .design3-item-main-image::after {right: 25%;top: 85%;}
.design3-item:nth-child(3) .design3-item-main-image::before {right: 53.4%;top: 61.1%;}
.design3-item:nth-child(3) .design3-item-main-image::after {right: 38%;top: 86.5%;}
.design3-item-main::before, .design3-item-main::after {content: "";display: block;position: absolute;width: 26%;height: 25%;border-top: 2px solid #222;border-left: 2px solid #222;transform: skewX(-45deg);left: 30%;top: 6%;}
.design3-item-main::after {height: 5%;width: 27%;top: 56%;left: 32.7%;}
.design3-item:nth-child(2) .design3-item-main::before {width: 10%;left: 44.1%;height: 36%;}
.design3-item:nth-child(2) .design3-item-main::after {width: 9%;height: 30%;left: 46.3%;}
.design3-item:nth-child(3) .design3-item-main::before {height: 57%;width: 19%;left: 33%;}
.design3-item:nth-child(3) .design3-item-main::after {height: 31%;width: 17.4%;left: 38.2%;}
.design4-content-left {position: relative;bottom: -130px;}
.design4-content-left-image {position: absolute;width: 670px;bottom: -200px;}
.design4-content {gap: 40px;}
.design4-content-right {position: relative;/* top: -80px; */}
.design4-content-left-text-wrap {display: grid;gap: 50px;}
.design4 {padding: 0 0 24%;}
.design4-content-left-image.design4-content-left-image2 {
  position: static;
  margin-inline: auto;
  margin-top: 180px;
}

/*============================
スペシャリスト
============================*/
#specialist1 .cost1-image {max-width: 80%;position: relative;bottom: -90px;left: -60px;}
#specialist1 .cost1-image img {max-width: 300px;}
.specialist1 {padding: 0 0 300px;}
.specialist2 {padding: 0 0 300px;}
.specialist2-item:nth-child(odd) {background: #e3e3de;}
.specialist2-item:nth-child(even) {background: #eeeccf;}
.specialist2-item {padding: 87px 120px 150px 90px;counter-increment: counter;}
.specialist2-item-title {font-size: 25px;font-weight: normal;letter-spacing: 2px;margin: 0 0 40px;display: flex;align-items: center;gap: 60px;}
.specialist2-item-title::before {content: counter(counter, decimal-leading-zero);display: inline-block;font-family: var(--en-font);font-weight: bold;font-size: 250%;}
.specialist2-item-content {gap: 80px;grid-template-columns: 1fr 225px;align-items: center;}
.specialist2-content {display: grid;gap: 170px;}



/*============================
ブログ一覧
============================*/
.blog1 { padding: 0 0 16%; }
.section-title2 { font-weight: 400; font-size: 21px; margin: 0 0 110px; }
.blog-list-tit-wrap { gap: 20px; }
.blog-list-btn { background: #b0b1a3; color: #fff; padding: 24px 28px 24px 46px; display: flex; justify-content: space-between; align-items: center; }
.blog-list-con1 { margin: 0 0 150px; }
.blog-list { display: flex; flex-direction: column; gap: 40px; margin: 0 0 16%; }
.blog-list-item { position: relative; }
.blog-list-item-img { width: 370px; max-width: 40%; position: relative; }
.blog-list-item-img img { object-fit: cover; height: 100%; aspect-ratio: 5 / 3; }
.blog-list-item a { gap: 80px; align-items: center; padding: 0 110px 40px 0; border-bottom: 2px solid #bfbfbf; overflow: visible; }
.blog-list-item a::after, .blog-list-btn::after { display: none; }
.blog-list-item a:hover img { opacity: 1; }
.blog-list-item-content { flex: 1; }
.blog-list-author { justify-content: flex-start; align-items: center; gap: 24px; }
.blog-list-author img { margin: 0; border: 4px solid #f5ea04; border-radius: 50%; width: 75px; height: 75px; }
.blog-list-item-title { font-weight: normal; font-size: 19px; }
.blog-list-item-date {font-size: 14px;letter-spacing: 1.8px;color: #5e5e5e;margin: 0 0 20px;}
.blog-list-item-excerpt { color: #424242; font-size: 14px; letter-spacing: 0.7px; line-height: 1.6; margin: 0 0 30px; }
.blog-list-author p { color: #424242; font-size: 14px; }
.blog-list-item-category { position: absolute; right: 0; bottom: 0; background: #b0b1a3; color: #fff; font-size: 12px; letter-spacing: 1px; padding: 2px 16px; border-radius: 10px 0 0; }
.blog-list-item-category.column { background: #606060; }
.wp-pagenavi { width: 640px; margin: 0 auto; max-width: 94%; display: flex; gap: 16px; justify-content: center; }
.wp-pagenavi a, .wp-pagenavi span { border-radius: 50%; width: 40px; height: 40px; display: grid; place-content: center; font-size: 14px; font-family: "ZurichBT-RomanCondensed"; background: #EAEAEA; line-height: 1; }
.wp-pagenavi a.nextpostslink, .wp-pagenavi a.previouspostslink { margin: 0 0 0 16px; background: #fff; border: 1px solid #222; }
.wp-pagenavi a.previouspostslink { margin: 0 16px 0 0; }
.wp-pagenavi span.current { background: #F6E90A; }
.single .works-single-navi  p {margin: 0;text-align: center;}

/*============================
ブログ詳細
============================*/
.blog-single-wrap { position: relative; margin: 60px 0 180px; }
.blog-single-author { position: absolute; right: 0; top: -100px; }
.blog-single-author img { width: 115px; border: 4px solid #f5ea04; border-radius: 50%; aspect-ratio: 1 / 1; }
.blog-single-author p { text-align: center; font-size: 13px; color: #5e5e5e; }
.blog-single-title { padding: 0 0 22px 6px; font-size: 30px; font-weight: normal; letter-spacing: 4px; border-bottom: 1px solid #222; margin: 0 0 4px; }
.blog-single-date { color: #5e5e5e; font-size: 14px; padding: 0 0 0 6px; font-family: var(--en-font); }
.blog-single-content-img { margin: 0 0 120px; }
.blog-single-content img { margin: 0; height: auto; aspect-ratio: 3 / 2; }

/*============================
家づくりについて
============================*/
.about1 { padding: 0 0 120px; }
.about1-content { grid-template-columns: 40px 490px 0.8fr; }
.section-title1.en::after { content: attr(data-en); position: absolute; bottom: -36px; left: 100px; font-size: 14px; letter-spacing: 0px; }
.about2 .section-title1 { margin: 0 0 10px; }
.about2 { padding: 0 0 14%; }
.strength1, .strength2, .strength3 { position: absolute; width: 54%; }
.about2-content { position: relative; }
.strength4 { padding: 22% 0 0; width: 58%; position: relative; }
.strength2 { left: -7%; bottom: -13%; }
.strength3 { right: -15%; bottom: -13.5%; width: 63%; }
.strength1 { width: 43%; left: 0; right: 0; }
.about-tit-box {background: url("/wp-content/uploads/about-tit-box2-scaled.jpg") no-repeat center / cover;padding: 124px 0;margin: 0 0 16%;color: #fff;display: grid;place-items: center;}
.about-tit-box .num { font-size: 80px; font-family: var(--en-font); line-height: 1; text-align: center; }
.about-tit { letter-spacing: 8px; font-size: 41px; font-weight: normal; text-align: center; padding: 20px 0 0; }
.about-tit-box .num::before { content: attr(data-text); display: block; font-size: 26px; text-align: center; }
.about3 .section-title1 { margin: 0 0 170px; }
.alignedBox { width: 1570px; max-width: 90%; }
.alignedBox.right { margin: 0 0 0 auto; }
.alignedBox.left { margin: 0 auto 0 0; }
.about-con-text { padding: 32px 100px 0 0; font-size: 15px; }
.enTit { font-size: 29px; font-weight: normal; letter-spacing: 5px; margin: 0 0 80px; }
.enTit::after { content: attr(data-en); display: block; font-size: 14px; letter-spacing: 0px; margin: 16px 0 0; }
.about3 .alignedBox.right { margin-bottom: 11%; }
.alignedBox.left .about-con-text { padding: 32px 0 0 118px; }
.about3 .alignedBox.left { margin-bottom: 15%; }
.about-tit-box.mb0 {margin: 0 0 130px;background-image: url("/wp-content/uploads/about-tit-box-scaled.jpg");}
.about3-content1-tit { text-align: center; font-size: 15px; letter-spacing: 1.5px; letter-spacing: 0.7px; }
.about3-content1 { margin: 0 0 100px; }
.about3-content2-tit { font-size: 14px; letter-spacing: 0px; position: relative; top: 13px; z-index: 2; background: #fff; width: fit-content; margin: 0 auto; padding: 0 24px; }
.waku { border: 2px solid #7f7f7f; }
.about3-content2-list li { font-size: 29px; letter-spacing: 4px; width: fit-content; counter-increment: counter; counter-reset: auto; display: flex; align-items: center; }
.about3 .waku { height: 570px; place-content: center; margin: 0 0 140px; }
.about3-content2-list { display: grid; place-content: center; gap: 40px; }
.about3-content2-list li::before { content: counter(counter,decimal-leading-zero); font-family: var(--en-font); font-size: 34px; letter-spacing: 0; margin: 0px 65px 0 0; color: #e1e1dc; line-height: 1; }
.about3 { padding: 0 0 12%; }
.about4-content-item { background: #5a5a5a; color: #fff; counter-increment: counter; counter-reset: auto; padding: 60px 100px; transition: all 1.2s cubic-bezier(0.4, 0.46, 0.46, 0.98) .15s; }
.about4-content-item-title::after { content: attr(data-en); display: block; font-family: var(--en-font); font-size: 16px; padding: 4px 0 0; }
.about4-content-item::before { content: counter(counter); font-family: var(--en-font); font-size: 40px; }
.about4-content-item::after { background: #fff; height: 80%; width: 1px; left: 200px; top: 0; bottom: 0; margin: auto; }
.about4-content { display: flex; flex-direction: column; gap: 30px; }
.about4-content-item img { width: 43px; margin: 0; object-fit: contain; }
.about4-content-item-title { font-size: 27px; font-weight: normal; }
.about4-content-item-wrap { width: 50%; display: flex; gap: 100px; }
.about4-content-item:hover { background: #333; }
.about4-content-item:hover .option-arrow { border-color: #fff; }
.about4-content-item:hover::after {
  left: 200px;
}

/*============================
施工事例
============================*/
.works-list-item { position: relative; }
.works-list-item .option-link::after { display: none; }
.works-list-item a { overflow: initial; padding: 0; }
.works-list-item img { height: auto; }
.works-list-item-title { font-size: 19px; font-weight: normal; letter-spacing: 3px; padding: 16px 0; }
.works-list { gap: 120px 40px; padding: 0 0 200px; }
.works-price { font-size: 12px; font-weight: bold; }
.works-price .num { font-size: 36px; font-weight: bold; font-family: var(--en-font); letter-spacing: 4px; padding: 0 8px 0 0; }
.works-cats { gap: 12px; }
.works-cat:not(.top-event-cat) { background: #e0e0db; font-size: 14px; padding: 2px 12px; width: fit-content; }
.works-single-title { font-weight: normal; font-size: 32px; letter-spacing: 6px; border-bottom: 2px solid #7f7f7f; padding: 0 0 9px; margin: 0 0 20%; }
.works-single-thumbnail, .works-single-content { margin: 0 0 120px; }
.works-single img { height: auto; margin: 0; }
.works-garalley-img { margin: 0 0 60px; }
.works-single-gallery { display: grid; gap: 120px; }
.works-single { padding: 0 0 26%; }
.works-single-navi { margin: 24% 0 0; padding: 20px 0 0; display: grid; grid-template-columns: 1fr 100px 1fr; align-items: center; border-top: 1px solid #222; }
.works-single-navi a { padding: 0; }
.works-single-navi a::after { display: none; }
.works-single-navi a:first-child {justify-content: flex-end;flex-direction: row-reverse;gap: 20px;display: flex;}
.works-single-navi a:last-child {justify-content: flex-end;gap: 20px;display: flex;}
.works-single-navi a:first-child span { transform: rotate(180deg); }
.works-single-navi a { font-size: 14px; }
.works-single-navi .option-arrow { width: 42px; height: 42px; }
.works-cats-wrap:first-of-type { margin: 0 0 60px; }
.works-cats-wrap h3 { color: #505050; font-weight: normal; font-size: 14px; }
.works-cats-wrap { align-items: center; gap: 40px; }
.works-cats-list-item { display: block; padding: 9px 15px; line-height: 1; border: 1px solid #ddd; border-radius: 3px; transition: background-color .4s ease; font-size: 15px; }
.works-cats-list-item:hover { background: #8d8d8d; color: #fff; }
.works-cats-list { flex: 1; justify-content: flex-start; gap: 20px; }
.works-cats-list-item.current { background: #5f5f5f; color: #fff; pointer-events: none; }

/*============================
イベント情報
============================*/
.event-list-item-img img { aspect-ratio: 3 / 2; height: auto; }
.event-list-item a { overflow: initial; padding: 0; flex-direction: column; align-items: baseline; }
.event-list-item a::after { display: none; }
.event-list { gap: 80px 12px; margin: 0 0 160px; }
.event-list-item-title { letter-spacing: 2px; font-weight: normal; margin: 0 0 20px; font-size: 18px; }
.event-list-item-content { background: #e0e0db; width: 100%; padding: 36px 20px 100px; }
.event-list-item .works-cats { margin: 0px 0 18px; }
.event-list-item .option-arrow { position: absolute; right: 30px; bottom: 20px; }
.event-list-item-info dt::before { content: "◼️"; }
.event-list-item-info dt { width: 100px; }
.event-list-item-info-wrap { display: grid; gap: 2px; }
.event-list-item .top-event-cat { font-size: 12px; padding: 2px 16px; }
.event-list-item-info dt::before, .event-list-item-info dt, .event-list-item-info dd { font-size: 13px; }
.event-single-title { font-size: 32px; font-weight: normal; letter-spacing: 2px; margin: 0 0 100px; }
.event-single-infos { display: grid; gap: 10px; margin: 0 0 100px; }
.event-single-info { display: grid; grid-template-columns: 300px 1fr; }
.event-single-info dt, .event-single-info dd { padding: 20px 0; font-size: 19px; letter-spacing: 1px; }
.event-single-info dt { background: #f9eb00; text-align: center; }
.event-single-info dt span::before { content: "◼️"; }
.event-single-info dd { background: #fafaf9; padding-left: 40px; }
.event-single-info dt span { display: inline-block; width: 110px; text-align: left; letter-spacing: 1px; }
.event-single-img img { height: auto; aspect-ratio: 3 / 2; }
.event-single-img { margin: 0 0 80px; }
.event-single-intro { line-height: 2; margin: 0 0 160px; }
.event-single-map h3 { font-size: 16px; font-weight: normal; }
.event-single-map-code { margin: 40px 0 0; }
.event-single-map-code iframe { width: 100%; height: 400px; }
.event-single { padding: 0 0 16%; }
.event-single-map { margin: 0 0 25%; }
.event-single-cta { background: url("/wp-content/uploads/event-cta.jpg") no-repeat center top / cover; padding: 6% 14%; display: grid; align-items: center; }
.event-single-cta-title { color: #fff; letter-spacing: 4px; font-size: 25px; }
.event-single-cta-title::after { content: attr(data-en); display: block; font-size: 85%; letter-spacing: 1px; }
.event-single-cta .option-link { color: #fff; width: 400px; max-width: 100%; }


/*============================
 モデルハウス
============================*/
.model-house-item-content-title-wrap { justify-content: space-between; align-items: center; margin: 0 0 80px; }
.model-house-item-content-title { display: flex; border: none; align-items: center; margin: 0; font-size: 24px; }
.model-house-item-content-title .num { line-height: 1; font-size: 74px; }
.model-house-item-content-title .num::after { transform: rotate(90deg); height: 40px; margin: 0 80px; }
.model-house-list { gap: 60px; }
.model-house-item-content { margin: 0; }
.model-house-item-content-imgs { gap: 20px; margin: 0 0 60px; }
.model-house-item-content-imgs img { height: auto; aspect-ratio: 5 / 3; }
.model-house-item-catch { font-size: 19px; letter-spacing: 2px; }
.model-house-item-content-text { display: grid; gap: 20px; }
.model-house-item-about { color: #333; font-size: 15px; line-height: 1.8; }
.model-house-item-place, .model-house-item-place span { text-decoration: underline; text-underline-offset: 8px; font-size: 14px; }
.model-house-item-place::before { content: ""; display: inline-block; width: 18px; height: 28px; background: url("/wp-content/uploads/map@2x.png") no-repeat center / contain; vertical-align: -12px; margin: 0 16px 0 0; }
.model-house-item-content-text-wrap { grid-template-columns: 1fr 1fr; align-items: flex-end; }
.model-house-item-content-links .option-link { width: 400px; max-width: 100%; margin: 0 0 0 auto; }
.model-house-item-content-title-wrap p { font-size: 14px; letter-spacing: 1px; }
.model-house-item-content-links .option-link .option-text { font-size: 16px; }
.model-house-single-title { padding: 0 0 20px; margin: 0 0 14px; }
.model-house-single-en-title { font-size: 14px; letter-spacing: 1px; margin: 0 0 20%; }
.model-house-single-img img { margin: 0; width: 100%; height: auto; aspect-ratio: 5 / 3; }
.model-house-single-cta { margin: 0 0 16%; }
.model-house-single-gallery h3 { font-weight: normal; font-size: 20px; letter-spacing: 1px; margin: 0 0 120px; }
.model-house-single-gallery { width: 80%; margin: 0 auto; padding: 0 0 11%; }
.model-house-single-gallery img { width: 100%; aspect-ratio: 3 / 2; }
.model-house-single-gallery-wrap { gap: 30px; }
.model-house-single-gallery img:nth-child(2), .model-house-single-gallery img:nth-child(3) { aspect-ratio: 4 / 5; grid-area: 2 / 1 / 3 / 2; }
.model-house-single-gallery img:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
.model-house-single-gallery img:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
.model-house-single-gallery img:nth-child(3) { grid-area: 2 / 2 / 3 / 3; }
.model-house-single-gallery img:nth-child(4) { grid-area: 3 / 1 / 4 / 3; }
.model-house-single-gallery img:nth-child(5) { grid-area: 4 / 1 / 5 / 3; }
.model-house-single .works-single-navi { padding: 16px 0 25%; }
.model-house-single-img { margin: 0 0 60px; }

/*============================
 コンセプト
============================*/
.concept1-content { grid-template-columns: 40px 470px 1fr; gap: 80px; margin: 0 auto 160px; }
.concept1-content-tit { font-size: 28px; letter-spacing: 1px; font-weight: normal; line-height: 2; margin: -14px 0 0; }
.concept1-content2-img { width: 250px; margin: 0 auto; }
.concept1-content2 { align-items: center; grid-template-columns: 0.8fr 1fr; }
.concept1 { padding: 0 0 12%; }
.concept2-content .tategaki { position: absolute; right: 10px; top: 0; font-size: 14px; }
.concept2-content { max-width: 100%; position: relative; gap: 130px; align-items: center; }
.concept2-tit { font-weight: normal; letter-spacing: 3px; font-size: clamp(1.25rem, 0.885rem + 0.96vw, 2.25rem); line-height: 2; margin: -130px 0 70px; }
.concept2-text { width: 88%; }
.concept2-content:first-child { padding-bottom: 60px; grid-template-columns: 0.8fr 1fr; }
.concept2-content:last-child { padding-top: 0; grid-template-columns: 1fr 0.8fr; }
.bold { font-weight: bold; }
.concept2-text span { font-size: 19px; font-weight: 500; }
.concept2-content.reverse .concept2-text { width: 85%; margin: 0 0 0 auto; }
.concept2 { margin: 0 0 19%; position: relative; }
.concept2::before { animation: scroll 2s infinite; background: #222; content: ""; display: block; height: 110px; left: 0; margin: auto; position: absolute; right: -30%; top: -55px; width: 1px; z-index: 2; }
.concept1-content2-text { line-height: 2.2; }
.concept2-wrap { background: #d6d7cf; padding: 12% 6% 4%; }
.concept2-text p { line-height: 2.3; }
.concept2-content-tit { font-size: 20px; font-weight: normal; text-decoration: underline; text-underline-offset: 8px; margin: 0 0 60px; }

/*============================
 スタッフ
============================*/
.staff-list-item .option-link { padding: 0; }
.staff-list-item .option-link::after { display: none; }
.staff-list { gap: 80px; }
.staff-list img { height: auto; aspect-ratio: 2.3 / 3.1; }
.staff-list-item figure { margin: 0 0 29px; }
.staff-list-item-content { text-align: center; width: 100%; margin: 0 0 30px; }
.staff-list-item-title { font-size: 17px; font-weight: normal; letter-spacing: 2px; border-bottom: 1px solid #222; margin: 0 auto 10px; padding: 0 0 10px; width: 230px; max-width: 80%; }
.staff-list-item-position { font-size: 12px; color: #7f7f7f; }
.staff-list-item { align-items: center; min-width: 0; }
.staff-list-item .option-arrow { margin: 0 auto; }
.staff-single-wrap { background: #e0e0db; padding: 100px; margin: 0 0 80px; }
.staff-single-content { gap: 70px; grid-template-columns: 0.7fr 1fr; align-items: center; }
.staff-single-title { font-weight: normal; font-size: 20px; letter-spacing: 8px; border-bottom: 1px solid #5b4f4a; display: flex; justify-content: space-between; padding: 0 0 10px; margin: 0 0 10px; align-items: center; }
.staff-single-title::after { content: attr(data-en); color: #fff; font-size: 14px; letter-spacing: 0.3px; }
.staff-single-position { font-size: 12px; color: #808080; }
.staff-single-content-text-wrap { margin: 0 0 80px; }
.staff-single-intro { font-size: 14px; letter-spacing: 2px; line-height: 2.8; }
.staff-single-content img { height: auto; aspect-ratio: 2.3 / 3.1; }
.staff-single-chartgraph { margin: 0 0 200px; }
.staff-single-chartgraph-title { text-align: center; font-weight: normal; font-size: 14px; margin: 0 0 40px; }
.staff-single-chartgraph img { max-width: 361px; height: auto; }
.staff-single { padding: 0 0 24%; }
.staff-single-content-list { display: grid; gap: 150px; }
.staff-single-content-list-item { grid-template-columns: 0.4fr 1fr; gap: 60px; }
.staff-single-content-list-item p { line-height: 2; }
.staff-single-content-list-item-title { font-weight: normal; font-size: 20px; letter-spacing: 1px; line-height: 2; }


/*============================
 性能
============================*/
.performance1 {
  padding: 0 0 290px;
}

#performance2 .subTit1 {
  font-size: 34px;
  line-height: 2;
}
.performance2 .message-image {
  max-width: max-content;
}

.performance2 .company1-content {
  gap: 130px;
}


.performance3 {
  background: transparent;
  padding: 10% 0 18%;
}

.performance3 .maintenance2-item-image {
  max-width: 270px;
  margin-inline-start: auto;
}

.performance3 .maintenance2-item {
  grid-template-columns: 400px 1fr;
  gap: 160px;
  align-items: center;
}
.performance3 .maintenance2-item-title {
  text-indent: 0;
}

.performance3-item-link {
  padding: 50px 0 0;
  font-size: 11px;
  text-align: right;
}

.performance3-item-link a {
  font-size: 10px;
  display: block;
  word-break: break-all;
}

.performance3-item-link a:hover {
  text-decoration: underline;
}

.performance3 figcaption {
  font-size: 13px;
  padding: 30px 0 0;
  line-height: 1.8;
}

.performance3 .maintenance2-item:nth-child(2) .maintenance2-item-image {
  max-width: 400px;
  position: relative;
  right: -60px;
}

.performance3-table {
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  border-collapse: collapse;
  max-width: 550px;
  margin: 60px 0 0;
}

.performance3-table td, .performance3-table th {
  font-size: 13px;
  border-left: 1px solid #222;
  border-bottom: 1px solid #222;
  padding: 4px 10px;
  font-weight: normal;
  line-height: 1.6;
}

.performance3-table td:first-child {
  width: 73px;
  text-align: center;
}

.performance3-table th:nth-child(2) {
  text-align: left;
}

.performance3-table tr:nth-child(2) td:first-child {
  background: #04285b;
  color: #fff;
}

.performance3-table tr:nth-child(3) td:first-child {
  background: #074d92;
  color: #fff;
}
.performance3-table tr:nth-child(4) td:first-child {
  background: #168116;
  color: #fff;
}
.performance3-table tr:nth-child(5) td:first-child {
  background: #dbd100;
  color: #fff;
}.performance3-table tr:nth-child(6) td:first-child {
  background: #e7a30c;
  color: #fff;
}
.performance3-table tr:nth-child(7) td:first-child {
  background: #e75a0c;
  color: #fff;
}
.performance3-table tr:nth-child(8) td:first-child {
  background: #e10a0a;
  color: #fff;
}
.performance3-table tr:nth-child(9) td:first-child {
  background: #710786;
  color: #fff;
}

.performance3 .maintenance2-item:nth-child(3) .maintenance2-item-image {
  max-width: 330px;
}
.performance3-item-title {
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 2px;
}

.performance3-item-img {
  position: relative;
  top: -20px;
  max-width: 90%;
  margin-inline: auto;
}

.performance3-item {padding: 0 0 0 7%;}


.performance4 {
    background: #e0e0db;
    padding: 0 0 290px;
    margin: 0 0 160px;
}

.performance4-1 {
    position: relative;
    padding: 160px 0 184px;
}

.performance4-1::after {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    z-index: 0;
}

.performance4-1-title {
    position: relative;
    z-index: 2;
    font-size: 28px;
    font-weight: normal;
    line-height: 2;
    letter-spacing: 7px;
}

.performance4-1 .scroll {
    top: -50px;
    bottom: auto;
    z-index: 2;
}

.performance4-1 .scroll::before {
    width: 2px;
}
.performance4 .maintenance2-item {
  grid-template-columns: 1fr 1.1fr;
  align-items: center;
  gap: 30px;
}

.performance4 .maintenance2-item-image {
  max-width: 410px;
  margin-inline: auto;
}

.performance4 .maintenance2-item-title::before {
  background-color: #fff;
}

.performance4 .maintenance2-item-title {
  text-indent: 0;
}

.performance4 .maintenance2-item:first-child .maintenance2-item-text {
  margin: 0 0 80px;
}

.performance4-item-img {
  max-width: 400px;
  margin-inline: auto;
}

.performance4 .maintenance2-content {
  gap: 210px;
}

.performance4-item-imgs-wrap {
  display: grid;
  gap: 100px;
}

.performance4-item-imgs-wrap img {
  max-width: 390px;
}

.performance4 .maintenance2-item:nth-child(2) {
  align-items: flex-start;
}

/*============================
 プライバシーポリシー
============================*/
.privacy {padding: 0px 0 240px;}
.privacy h2.wp-block-heading { padding: 56px 0 16px; } .privacy h3.wp-block-heading { padding: 40px 0 8px; } .privacy a { display: inline; }


/*============================
 slick
============================*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir='rtl'] .slick-prev{right:-25px;left:auto}
.slick-prev:before{content:'←'}
[dir='rtl'] .slick-prev:before{content:'→'}
.slick-next{right:-25px}
[dir='rtl'] .slick-next{right:auto;left:-25px}
.slick-next:before{content:'→'}
[dir='rtl'] .slick-next:before{content:'←'}
.slick-dotted.slick-slider{margin-bottom:30px;height: 100%;}
.slick-dots{position:absolute;bottom:-45px;right:11.6%;display:block;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width:7px;height:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;/* padding:5px; */cursor:pointer;color:transparent;border:0;outline:none;background:transparent}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}
.slick-dots li.slick-active button:before{opacity:.75;color:#000}


@media(max-width:1500px) {
  .top-event-content { gap: 60px; grid-template-columns: 1fr 0.9fr; }
  .design1 .subTit3 {font-size: 27px;}
}

@media(max-width:1400px) {
  .phone-section { flex: 0 0 140px;}
  .promotion-content { flex-wrap: wrap; padding: 40px 6% 40px 40px; }
  #top-model-house .option-text { font-size: 16px; }

  /* プロトプラン */
  .plotplan-item-content-gallery { height: 24vw!important; }
  .plotplan-item { padding: 110px; }

  /* エキスパート */
  .expert1 .subTit3 {font-size: 27px;}

/* アフターメンテナンス */
.maintenance2 .cost2-content2 {padding: 0;}

  /* コンセプト */
  .concept1-content { gap: 0; grid-template-columns: 40px 550px 1fr; }
  .concept1-content-tit { margin: -14px 0 0 60px; }
  .concept2-tit { margin: 0 0 60px; }
  .concept2-content .tategaki { right: -30px; }
  .concept2-content.reverse .concept2-text { width: 90%; }
  .concept2-content:first-child { padding-bottom: 100px; gap: 100px; }
  .concept2-text { width: 90%; }

  /* デザイン */
  .design2-item { grid-template-columns: 1fr 1fr; }
  .design4 {/* padding: 0 0 700px; */}

  /* 性能 */
  #performance2 .subTit1 {
    font-size: 30px;
}

}

@media(max-width:1300px) {
  .top-event-content { gap: 60px; grid-template-columns: 1fr 0.9fr; }

  /* プロトプラン */
  .plotplan-links { top: -50px; }
  .plotplan-item-content1 { gap: 80px; }
  .plotplan-item-content-title .num { font-size: 85px; }
  .plotplan-item-content-title { font-size: 26px; }

  /* コスト */
  .cost2-text {gap: 100px;}
  .cost3-content-wrap { gap: 80px; grid-template-columns: 1fr 0.7fr; }

  /* コンセプト */
  .concept2-tit { font-size: 22px; }
  .concept2-content:last-child { gap: 80px; grid-template-columns: 1fr 0.7fr; }
  .concept2-content:first-child { grid-template-columns: 0.7fr 1fr; gap: 80px; }

  /* デザイン */
  .design2-item-title { font-size: 22px; }
  .design2-item-title::before { font-size: 40px; }

  /* 性能 */
  .performance1 .subTit3 {
    font-size: 24px;
}

  /* 性能 */
  #performance2 .subTit1 {
    font-size: 27px;
}
}

@media(max-width: 1200px) {
#top-about .contact-options { width: 100%; }
.anshin-feature::before { width: 94%; }
.anshin-features-en { left: 0; }
.top-event-content { grid-template-columns: 1fr; width: 92%; max-width: 800px; gap: 100px; }
.top-event-right .new-icon { top: -25px; }
#top-staff::before { height: calc(100% + 200px); top: -100px; }
.top-staff .top-staff-vertical-text { top: -200px; }
.top-staff-container .contact-option { margin: 0 8% 0 auto; }
.top-staff-content { grid-template-columns: 1fr; }
.top-staff-title { justify-content: flex-start; gap: 60px; }
.cta-section { flex: auto; max-width: 550px; width: 100%; margin: 0 0 0 auto; }
#top-work { padding: 8% 0 14%; }
.top-blog-content { gap: 80px; }
.top-model-house-content { gap: 50px; }
.model-house-promotion { padding: 100px 60px 0; }
.protoplan-banner { padding: 16px 8px; right: 16px; }
.protoplan-banner-text { font-size: 14px; }
.protoplan-info { left: 20px; bottom: 20px; }

/* 会社概要 */
.subTit1 { font-size: 19px; }
.company1-content { gap: 60px; }

/* プロトプラン */
.plotplan-item { padding: 90px; }
.plotplan-detail { grid-template-columns: 0.6fr 1fr; }

/* コスト */
.cost3-text-box { grid-template-columns: 1fr 1fr; gap: 40px; }
.cost4-content-item-title { font-size: 23px; }

/* エキスパート */
.expert1 .cost1-content { gap: 60px; }
.expert1 .subTit3 { font-size: 24px; margin: 0px 0 80px; }

/* デザイン */
.design1 .subTit3 { font-size: 22px; }
.design3-item-main-text-item.second::before { transform: scaleY(-1) skewX(-35deg); top: -40px; }
.design3-item-main-text-item.fourth::before { transform: scaleY(-1) skewX(-35deg); top: -40px; }
.design3-item-main-text-item.sixth::before { transform: scaleY(-1) skewX(-35deg); top: -40px; }
.design3-item-main-tit { font-size: 18px; }
.design4-content-left { bottom: -80px; }
.design4-content-left-image { width: 550px; bottom: -220px; left: 40px; }

/* 平屋のスペシャリスト */
#specialist1 .cost1-image {position: static;}

/* 家づくりについて */
.about1-content { grid-template-columns: 40px 370px 0.8fr; gap: 80px; }

/* モデルハウス */
.model-house-item-content-links .option-link {width: 320px;}

/* 性能 */
.performance3 .maintenance2-item {
  grid-template-columns: 1fr 1fr;
}
#performance2 .subTit1 {
  font-size: 25px;
}

.performance2 .company1-content {
  gap: 80px;
}

}

@media(max-width: 1100px) {
.main-visual-text { font-size: 28px; left: 8%; }
.main-text-section { margin: 0; max-width: initial; }
.no1-text-left, .no1-text-right {
  font-size: 29px;
}

.no1-image {
  max-width: 260px;
}
.top-event-list-text .top-event-cat {order: 1;}
.top-event-list-des { order: 4; font-size: 13px; width: 100%; }
.top-blog .top-blog-list a figure {margin: 0 0 16px auto;max-width: 400px;order: 2;}
.top-blog-list-title {font-size: 18px;order: 3;width: 100%;}
.anshin-content-inner { grid-template-columns: 1fr; gap: 30px; }
#top-model-house::before { width: 96%; }
.top-model-house-container { max-width: 94%; }
.top-model-house-title, .top-model-house-title span { font-size: 100px; }
.top-model-house-title-wrap { transform: translateY(-100px); }
.top-work-tit-wrap { margin-bottom: 50px; }
.top-about-content { gap: 60px; }

/* company */
.subpage { padding: 200px 0 0; }
.subpage-title-ja { font-size: 70px; }

/* プロトプラン */
.plotplan-item-content1 { grid-template-columns: 1fr; margin: 0 0 160px; }
.plotplan-links { top: 0; margin: 30px 0 80px; }
.plotplan-item-content-gallery { height: auto!important; width: 550px; margin: 0 auto!important; }
.plotplan-detail-label { font-size: 18px; }
.plotplan-detail:first-child dd, .plotplan-detail-value .price { font-size: 22px; }
.plotplan-detail-value .price { padding: 0 4px 0 0; }

/* コスト */
.subTit3 { margin: 0 0 80px; }
.cost1-content { gap: 60px; }
.cost2-text { gap: 80px; }
.cost2-title { font-size: 36px; }
.cost2-text p { padding: 70px 0 0; }
.cost2-content { padding: 0 0 100px; }

/* コンセプト */
.concept1-content-tit {font-size: 24px;}
.concept1-content {grid-template-columns: 40px 480px 1fr;}

/* アフターメンテナンス */
.maintenance2-item {gap: 100px;}

/* スタッフ */
.staff-single-content-list-item {gap: 60px;}

/* お問い合わせ */
.contact1-content { padding: 0 32px; }

/* デザイン */
.design4-content-left { bottom: -60px; }
.design4-content-left-image { bottom: -320px; }
.design3-item-main::before, .design3-item-main::after { width: 28%; left: 28.8%; }
.design3-item-main::after { left: 31.2%; width: 29%; }
.design3-item:nth-child(2) .design3-item-main::before { left: 42.6%; width: 12%; }
.design3-item:nth-child(2) .design3-item-main::after { left: 44.4%; width: 11%; }
.design3-item:nth-child(3) .design3-item-main::before { left: 31.5%; width: 21%; }
.design3-item:nth-child(3) .design3-item-main::after { left: 36.5%; height: 31%; width: 19.5%; }

  /* 性能 */
  .performance1 .cost1-content {
    grid-template-columns: 40px 1.1fr 0.7fr;
}

.performance1 .cost1-image img {
    max-width: 270px;
}
.performance3 .maintenance2-item {gap: 100px;}

.performance3 .cost2-content2 {
    padding: 0;
}

.performance3 .maintenance2-item:nth-child(2) .maintenance2-item-image {
    right: 0;
}
#performance2 .subTit1 {
  font-size: 21px;
  margin: 0 0 60px;
}
.performance3 {
  padding: 180px 0 240px;
}
}

@media(max-width:1024px) {
  .blog-list-item a {gap: 40px;}

  /* コスト */
  .cost2-text { flex-direction: column; }
  .cost2-text p, .maintenance2 .cost2-text p { padding: 0; }
  .cost2-content { margin: 0; }

/* プロトプラン */
.plotplan-item-content2 { grid-template-columns: 1fr; }

  /* 家づくりについて */
  .about-tit { font-size: 33px; }
  .about-tit-box .num { font-size: 60px; }
  .about-tit-box .num::before { font-size: 22px; }
  .about-con-text { padding: 32px 80px 0 0; }
  .alignedBox.left .about-con-text { padding: 32px 0 0 90px; }
  .enTit { font-size: 26px; letter-spacing: 4px; }

  /* デザイン */
  .design1 .subTit3 { letter-spacing: 3px; font-size: 18px; }
  .design2-item { grid-template-columns: 1fr; gap: 60px; }
  .design2-item-text-wrap { order: -1; }
  .design2-content { padding: 0 0 0 70px; gap: 140px; }
  .design2-item-title { font-size: 24px; }
  .design3-item-main { grid-template-columns: 1fr 0.5fr; }
  .design4-content-left-image { bottom: initial; }
  .design4-content-left-text-wrap { margin: 0 0 100px; }

  /* コンセプト */
  .concept2-content:first-child,
  .concept2-content:last-child { grid-template-columns: 1fr; }
  .concept2-image { max-width: 550px; max-width: 85%; }
  .concept2-tit { font-size: 28px; }
  .concept2-content:last-child .concept2-image { order: -1; margin: 0 0 0 auto; }
  .concept2-wrap { padding: 12% 6% 80px; }
  .concept2-content.reverse .concept2-text { width: 80%; }

}

@media(max-width: 940px) {
    .openbtn { display: block; }
    .anshin-container { max-width: 80%; }
    .anshin-feature:first-child { border-left: 0; }
    .anshin-feature::before { max-width: 350px; }
    .anshin-content-inner { padding: 0 0 140px; }
    .anshin-features-en { left: 40px; }
    .anshin-features { grid-template-columns: 1fr; width: 550px; margin: 0 auto; max-width: 90%; gap: 40px; padding: 0 0 100px; }
    .model-house-title { margin: 0 0 20px; }
    .no1-image {/* max-width: 250px; */}
    .no1-section { padding: 60px 0; }
    .no1-text-left, .no1-text-right { font-size: 32px; }
    .no1-content {flex-direction: column;align-items: center;gap: 2px;}
    .no1-image { margin: -20px 0 40px -10px; }
  .no1-left-text, .no1-right-text { margin: 0; }
  .no1-section { padding: 100px 0 40px; }
    .phone-image { width: 120px; }
    .phone-section { flex: auto; position: absolute; top: 20px; right: 40px; }
    .promotion-container { max-width: 100%; }
    .promotion-content { gap: 40px 0; padding: 60px 8% 40px 60px; }
    .scroll { bottom: 10%; }
    .scroll::before { height: 80px; bottom: -100px; }
    .top-about-content { gap: 50px; }
    #top-blog .top-blog-list a { flex-direction: column; gap: 0; }
    #top-blog .top-blog-text { padding: 8px 0 0; }
    .top-model-house .top-staff-right { order: -1; }
    .top-model-house-content { grid-template-columns: 1fr; }
    .top-model-house-container { margin: 0 auto; max-width: 88%; }
    .top-staff-description { margin: 0 0 20px; }
    #top-model-house .contact-option { width: 100%; max-width: 320px; margin: 0 0 0 auto; }
    #top-model-house .top-staff-vertical-text { right: 20px; }

    /* 会社概要 */
    .company1-content {grid-template-columns: 1fr;gap: 40px;max-width: 100%;}
    .message-text { display: contents; }
    .company1 .subTit1 { order: 1; margin: 0; }
    .message-image { order: 2; }
    .message-body { order: 3; margin: 0; }
    .message-body2 { order: 4; }
    .company1, .company2 { padding: 0 0 200px; }
    .section-title1 { margin: 0 0 100px; }

    /* プロトプラン */
    .plotplan1 {padding: 0 0 240px;}

    /* ブログ一覧 */
    .blog-list-item a { flex-direction: column; padding: 0 0px 120px 0; }
    .blog-list-item-img { max-width: 100%; width: 740px; }
    .blog-list {width: 740px;max-width: 92%;margin: 0px auto 16%;gap: 60px;}
    .blog-list-item .option-arrow { position: absolute; right: 0; bottom: 120px; }

    /* ブログ詳細 */
    .blog-single-wrap {margin: 140px 0 180px;}

    /* コスト */
    .cost1-content, .performance1 .cost1-content { grid-template-columns: 1fr; }
    .cost1-tate { position: absolute; right: 10%; width: fit-content;}
    .subTit3 { margin: 0 0 50px; font-size: 28px; }
    .cost1-text { padding: 0 4% 0 0; }
    .cost1-image { max-width: 550px; margin: 0 auto; }
    .cost2-title { font-size: 32px; }
    .cost2-text { gap: 60px; }
    .cost3-content-wrap { grid-template-columns: 1fr; }
    .cost3-text-box { grid-template-columns: 300px 230px; justify-content: center; gap: 80px; }
    .cost3-text { padding: 0 60px; }
    .cost3-image { max-width: 500px; margin: 0 auto; }
    .cost4-content { grid-template-columns: repeat(2, 1fr); }

    /* エキスパート */
    .expert2 {padding: 0 0 300px;}

    /* アフターメンテナンス */
    .maintenance2-image { margin: 0 0 160px; }
    .maintenance2-item { grid-template-columns: 1fr; gap: 70px; }
    .maintenance2-item-title { margin: 0 0 30px; }

  /* デザイン */
  .design1 .subTit3 { font-size: 22px; }
  .design3-item-btm-item { grid-template-columns: 160px 1fr; }
  .design3-item-main { grid-template-columns: 1fr; margin-bottom: 100px; }
  .design3-item-main-text-wrap { grid-template-columns: 1fr 1fr; gap: 50px; }
  .design3-item { padding: 70px 40px 120px; }
  .design3-item-main-text-item::after { left: 25.3vw; bottom: 52vw; }
  .design3-item-main { width: 100%; margin: 0 0 120px; }
  .design3-item-main::before, .design3-item-main::after { transform: scaleY(-1) rotate(-90deg) skewX(-35deg); top: auto; bottom: 139px; left: 12.6%; width: 27vw; height: 28vw; }
  .design3-item-main::after { transform: scale(-1) rotate(-90deg) skewX(-35deg); bottom: 154px; left: 48%; width: 24vw; height: 8vw; }
  .design3-item:nth-child(2) .design3-item-main::before { left: 36%; width: 11vw; height: 42vw; bottom: 52px; }
  .design3-item:nth-child(2) .design3-item-main::after { transform: scaleY(-1) rotate(-90deg) skewX(-35deg); left: 64%; bottom: 86px; width: 9vw; height: 9vw; }
  .design3-item:nth-child(3) .design3-item-main::before { left: 28.2%; bottom: 72px; width: 9vw; height: 20vw; }
  .design3-item:nth-child(3) .design3-item-main::after { left: 59.8%; bottom: 88px; height: 6vw; width: 8vw; }
  .design3-item-main-tit { font-size: 16px; letter-spacing: 1px; line-height: 1.8; }
  .design3-item-main-text-item.fifth::before { left: 23vw; top: -24vw; height: 19vw; width: 12vw; }
  .design3-item-main-text-item.fifth::after { left: 37.8vw; bottom: 33.7vw; }
  .design3-item-main-text-item.sixth::before { width: 10vw; height: 6.2vw; top: -12.2vw; left: 4vw; }
  .design3-item-main-text-item.sixth::after { left: 5.9vw; bottom: 22.6vw; }
  .design3-item-main,.design3-item-btm { padding: 0; }
  .design4-content { grid-template-columns: 1fr; }
  .design4-content-left-image { position: static; width: auto; }
  .design4-content-right { order: -1; top: auto; max-width: 550px; width: 85%; margin-inline: auto; }
  .design4-content-left { bottom: auto; }
  .design4 {padding: 0 0 240px;}
  .design4-content-left-image.design4-content-left-image2 {
    margin-top: 40px;
}

  /* 平屋のスペシャリスト */
  .specialist1 {padding: 0 0 150px;}
  .specialist2-item {padding: 60px 90px 100px;}
  .specialist2-item-content {grid-template-columns: 1fr;}
  .specialist2-item-image {max-width: 220px;margin-inline-start: auto;}

    /* 家づくりについて */
    .about3 .section-title1 { margin: 0 0 120px; }
    .about3 .alignedBox.right, .about3 .alignedBox.left { margin-bottom: 160px; }
    .about-con { align-items: center; }
    .about4-content-item { padding: 60px 80px; }
    .about4-content-item::after { left: 180px; }
    .about4-content-item-wrap { gap: 60px; }

    /* 施工事例 */
    .works-list-item-title { font-size: 18px; letter-spacing: 2px; }
    .works-cats .works-cat { font-size: 13px; }

    /* モデルハウス */
    .model-house-item-content-text-wrap { grid-template-columns: 1fr; gap: 60px; }

    /* コンセプト */
    .concept1-content { grid-template-columns: 1fr; }
    .concept1-content-tit { margin: 0; margin: 0 0 60px; }
    .concept1-content .cost1-tate { height: 110px; }
    .concept1-content2 { grid-template-columns: 0.6fr 1fr; padding: 0 6% 0 0; gap: 30px; }

    /* スタッフ */
    .staff-list { gap: 60px; }
    .staff-single-content-list-item { grid-template-columns: 0.6fr 1fr; }

    /* エキスパート */
    .expert1 .cost1-tate {font-size: 10px;top: -16px;}

    /* アフターメンテナンス */
    #page-116 .subpage-title-ja{line-height: 1;}

    /* 性能 */
    .performance1 .cost1-text {
      width: 88%;
  }

  .performance1 .cost1-image img {
      max-width: 100%;
  }

  .performance1 {
      padding: 0 0 200px;
  }

  .performance1 .cost1-image {
      max-width: 400px;
  }

  #performance2 .subTit1 {
    font-size: 21px;
    margin: 0;
}

.performance2 .company1-content {
    gap: 60px;
}

.performance2 .message-image {
    max-width: 500px;
}

.performance2 .message-body {
    width: 88%;
    line-height: 2.2;
}
.performance3 .maintenance2-item {grid-template-columns: 1fr;gap: 0;}

.performance3 .maintenance2-item-image {
    margin-inline: auto;
}

.performance3 .maintenance2-item-text-wrap {
    display: contents;
}

.performance3 .maintenance2-item-title {
    order: -4;
    margin: 0 0 50px;
    font-size: 20px;
}

.performance3-item-link {
    padding: 0 0 60px;
    order: -3;
}

.performance3-table {
    margin: 80px 0 0;
    order: -1;
}

.performance3 .maintenance2-content {
    gap: 120px;
}

.performance3-item {
    padding: 0;
}

.performance3-item-img {
    top: 0;
    max-width: 100%;
}
.performance3 .maintenance2-item:nth-child(2) .maintenance2-item-image {
  max-width: 500px;
  order: -1;
}

.performance3 .maintenance2-item-text {
  order: -3;
  margin: 0 0 50px;
}
.performance3 .maintenance2-item-title::before, .performance4 .maintenance2-item-title::before {
  width: 24px;
  height: 24px;
}

.performance4-1-title {
  font-size: 24px;
  letter-spacing: 6px;
}

.performance4 .maintenance2-item-title {
  font-size: 21px;
  order: -3;
  margin: 0 0 50px;
}

.performance4 .maintenance2-item {
  grid-template-columns: 1fr;
  gap: 0;
}
.performance4-1::after {
  clip-path: polygon(50% 100%, -30% 0%, 130% 0);
}

.performance3 {
  padding: 180px 0 200px;
}

.performance4 .maintenance2-item-text-wrap {
  display: contents;
}

.performance4 .maintenance2-item .maintenance2-item-text {
  order: -2;
  margin: 0 0 80px;
}

.performance4-item-img {
  margin-top: 80px;
}

.performance4 .maintenance2-content {
  gap: 130px;
}

.performance4 {
  padding: 0 0 180px;
}
}

@media(max-width:800px) {
  .contact-content { flex-direction: column-reverse; gap: 80px; }
  .contact-description { margin: 0 0 10px; }
  .contact-left { width: 100%; }
  .contact-right { max-width: 320px; margin: 0 0 0 auto; }
  .footer-top { flex-direction: column; gap: 60px; margin: 0 0 80px; }
  .footer-buttons { flex-direction: row; }
  .footer-logo { align-items: center; }
  .footer-social { justify-content: center; }
  .protoplan-section { padding: 40px 0 20%; }
  .top-about-content { gap: 50px; grid-template-columns: 1fr; }
  .top-about-left { gap: 40px; }
  .top-blog-left, .top-blog-right {width: 46%;}
  .top-blog-list { margin: 0 0 40px; }
  .top-event {padding: 0 0 220px;}
  .top-staff .top-staff-vertical-text { top: -160px; right: 100px; }
  .top-work-list { grid-template-columns: repeat(2, 1fr); max-width: 84%; margin: 0 auto 60px; }
  .top-work-list li:nth-child(n+4) { left: auto; }
  .top-work-tit-wrap { grid-template-columns: 100px 250px 0.85fr; }
  #top-work { padding: 100px 0 20%; }

  /* ブログ一覧 */
  .blog-list-tit-wrap { grid-template-columns: 1fr; max-width: 550px; margin: 0 auto; width: 100%; }
  .subpage-title { gap: 40px; }
  .subpage-title-sub { font-size: 12px; }
  .subpage-title-ja { font-size: 55px; letter-spacing: 8px; }
  .subpage-title-sub-ja { font-size: 18px; letter-spacing: 2px; }
  /* プロトプラン */
  .plotplan-item-draw { padding: 40px; }

  /* コスト */
  .maintenance2-content {max-width: 90%;}

  /* イベント情報 */
  .event-list { grid-template-columns: 1fr; }
  .event-list-item-content { padding: 24px 16px; }
  .event-list-item .top-event-cat { position: absolute; right: 0; top: 0; }
  .event-list-item-title { margin: 0 0 10px; }

  /* アフターメンテナンス */
  .maintenance2-content {max-width: 90%;margin-inline: auto;}

/* スタッフ */
.staff-single-content {grid-template-columns: 1fr;gap: 0;}
.staff-single-content-text {order: -1;display: contents;}
.staff-single-content-text-wrap { margin: 0 0 50px; }
.staff-single-content-list-item { grid-template-columns: 1fr; gap: 30px; }
.staff-single-content-text-wrap {order: -1;}
.staff-single-intro {margin: 60px 0 0;}
}

@media(max-width: 768px) {
  .breadcrumbs {padding: 0 10% 120px 0;}
  .anshin-background { padding: 100px 0 100px; }
  .anshin-brand-name { font-size: 28px; }
  .anshin-concept-text { font-size: 14px; }
  .anshin-cta { text-align: center; }
  .anshin-english-line1, .anshin-english-line2 { writing-mode: horizontal-tb; display: inline-block; margin: 0 10px; }
  .anshin-english-text { text-align: center; padding-top: 20px; }
  .contact-container { padding: 40px 0 0; }
  .contact-content { padding: 8%; }
  .contact-left { flex-direction: column; gap: 20px; }
  .contact-title { margin: 0 0 30px; }
  .contact-vertical-text { font-size: 54px; }
  .cta-section { max-width: 320px; margin: 0 auto; }
  .main-description { font-size: 14px; }
  .main-title { font-size: 24px; }
  .model-house-promotion { padding: 40px 15px; }
  .no-1-imgs img {
    width: calc(100% / 2 - 80px / 3);
}
.no-1-imgs img:last-child {
  width: calc(100% / 2 - 0px / 8);
  order: -1;
}
  .phone-screen { width: 70px; height: 50px; top: 15px; }
  .protoplan-price { font-size: 68px; }
  .protoplan-type { font-size: 24px; }
  .promotion-content { gap: 50px 0; }
  .reserve-button { font-size: 10px; padding: 6px 10px; }
  .top-blog-container { padding: 80px 0; }
  .top-blog-content {/* flex-direction: column; */gap: 4%;}
  .top-blog-title { width: 90%; }
  .top-model-house-title, .top-model-house-title span { font-size: 50px; }
  .top-model-house-title-wrap { transform: translateY(-51px); }
  .top-staff-container { padding: 60px 0; }
  .top-staff-content { flex-direction: column; gap: 40px; }
  .top-staff-left, .top-staff-right { max-width: 100%; }
  .top-staff-vertical-text { right: 70px; font-size: 10px; }
  .top-staff .top-staff-vertical-text { display: none; }
  #top-staff::before { height: 100%; top: 0; }
  #top-work { padding: 100px 0 5px; }

  /* ブログ詳細 */
  .blog-single-title { font-size: 24px; }
  .blog-single-wrap { margin: 90px 0 100px; }

  /* company */
  .liststyle-row { gap: 40px; }
  .max-200 { max-width: 100%; }

  /* コスト */
  .cost3-text-box { grid-template-columns: 260px 180px; }

  /* エキスパート */
  .expert2 {padding: 0 0 160px;}
  #page-114 #top-staff {margin-bottom: 240px;}

  /* 家づくりについて */
  .about2 { padding: 0 0 120px; }
  .about2 .section-title1 { margin: 0 0 80px; }
  .about-con { grid-template-columns: 1fr; gap: 80px; }
  .strength3 { width: 50%; bottom: -10%; right: -2%; }
  .strength1 { width: 39%; top: 4%; }
  .strength2 { width: 43%; left: 5%; bottom: -10.5%; }
  .enTit { margin: 0 0 60px; }
  .about-con-text { padding: 0 80px 0 0; }
  .alignedBox.left .about-con-text { padding: 0 0 0 90px; }
  .about-tit { font-size: 28px; letter-spacing: 6px; }
  .about-tit-box .num { font-size: 50px; }
  .about-tit-box .num::before { font-size: 19px; }
  .about3-content2-list li { font-size: 23px; letter-spacing: 3px; }
  .about3-content2-list li::before { margin: 0 40px 0 0; }
  .about3 .waku { height: 480px; }
  .about3 { padding: 0 0 200px; }
  .about4-content-item { padding: 40px 50px; }
  .about4-content-item::before { font-size: 30px; }
  .about4-content-item::after { left: 110px; }
  .about4-content-item-wrap { width: 57%; gap: 50px; }
  .about4-content-item-title { font-size: 22px; }
  .about4-content-item img { width: 38px; }

/* お問い合わせ */
.contact1-item > p:last-child { grid-area: 2 / 1 / 3 / 4; }
.contact1-item.hisunone { display: block; }
.contact1-item.hisunone .contact1-item-label { margin: 0 0 30px; }
.contact1-item.accept { display: block; }
.accept-content p.accept-btn { text-align: center; margin: 40px 0 60px; }
.wpcf7-form-control-wrap[data-name="postal"] input { padding: 12px 16px 12px 50px; }
.wpcf7-form-control-wrap[data-name="postal"]::before { line-height: 1; top: 17px; }
input[name="doui"] { margin: 0 20px 0 0; }
.contact1-item-label label { font-size: 14px; }
.hisu { font-size: 12px; }
.contact1-item.address { position: relative; top: -30px; }

/* 施工事例 */
.works-list-item .option-arrow {position: absolute;right: 0;bottom: 0;}
.works-cats-wrap { flex-direction: column; align-items: baseline; gap: 16px; }
.works-cats-list-item { font-size: 14px; }

/* モデルハウス */
.model-house-single-title { font-size: 28px; letter-spacing: 4px; }

/* コンセプト */
.concept1-content2 { grid-template-columns: 1fr; padding: 0 40px 0 0; gap: 60px; }
.concept1-content2-text { order: -1; }
.concept1-content { margin: 0 auto 120px; }
.concept1 { padding: 0 0 200px; }


/* デザイン */
.design3-item-main::before { bottom: 120px; left: 11%; width: 27vw; height: 29vw; }
.design3-item-main::after { bottom: 137px; left: 47%; width: 25vw; }

}

@media(max-width:680px) {
.pc{display:none}
.sp{display:block}
.mb20{margin-bottom:10px}
.mb40{margin-bottom: 30px;}
.mb60{margin-bottom:30px}
.mb80{margin-bottom:40px}
.mb100{margin-bottom: 60px;}
.ptb60{padding:30px 0}
.ptb80{padding:40px 0}
.ptb100{padding:50px 0}
.fadein.delay1{transition-delay: .1s;}
.fadein.delay2{transition-delay: .2s;}
.fadein.delay3{transition-delay: .3s;}
.fadein.delay4{transition-delay: .4s;}
.fadein.delay5{transition-delay: .5s;}
.fadein.delay6{transition-delay: .6s;}
.fadein.delay7{transition-delay: .7s;}

.fixed-btn {padding: 24px 16px;font-size: 14px;}
.footer-buttons { flex-direction: column; margin: 0 auto; }
.header-logo { width: 160px; }
.main-visual img { height: 100vh; object-position: 20%; }
.main-visual .main-visual-image1 img { object-position: 30%; }
.main-visual .main-visual-image3 img { object-position: 50%; }
.main-visual .main-visual-image4 img { object-position: 30%; }
.main-visual-text { left: 4%; }
.main-visual-text-sub { font-size: 16px; bottom: 30px; }
.openbtn { right: 30px; }
.phone-image { width: 100px; }
.phone-section { flex: 1; }
.scroll { font-size: 12px; line-height: 1; }
.scroll::before { height: 50px; bottom: -60px; }

.top-event-right .top-blog-list {display: none;grid-template-columns: 1fr;gap: 20px 16px;}
.top-blog-text.top-event-list-text { display: contents; }
.top-event .top-blog-list a figure { order: 2; max-width: 100%; width: 100%; }
.top-event-right .top-blog-list a { gap: 0; border: 0; }
.top-event-right a .option-arrow {/* bottom: 50px; */position: relative;}
.top-event .top-blog-list a figure img { width: 100%; }
.top-event-list-text .top-event-cat { margin: 0 0 10px auto; }
.top-event-right .top-blog-list a .new-icon { top: 0; }
.top-event-right a::after { display: block; }
#top-event .contact-options {display: block;}
.top-event-content {gap: 80px;}


/* company */
.subpage-title-ja {font-size: 55px;letter-spacing: 8px;}
.subpage-title-sub { font-size: 10px; writing-mode: vertical-rl; }
.subpage-title { justify-content: space-between; padding: 0 7% 10px 0; align-items: center; }
.access-info { gap: 60px; }
.map iframe { aspect-ratio: 8 / 7; }

/* ブログ一覧 */
#page-151 .subpage-title-ja, .post .subpage-title-ja, #page-208 .subpage-title-ja, #page-114 .subpage-title-ja { line-height: 1; }


/* プロトプラン */
.plotplan1 {padding: 0 0 180px;}
.plotplan-item { padding: 100px 50px; }
.plotplan-item-content1 { margin: 0 0 140px; }
.plotplan-item-content-title { font-size: 22px; line-height: 1.4; }
.plotplan-item-content-title .num { font-size: 68px; }
.plotplan-item-content-title .num::after { height: 40px; margin: 0 28px -4px; }
.plotplan-item-content-gallery { width: 67vw; }

/* コスト */
.cost1 { padding: 0 0 80px; }
.cost2 { padding: 80px 0 120px; }
.cost3 { padding: 100px 0 160px; }
.cost3-text-box { grid-template-columns: 1fr 1fr; gap: 60px; }
.cost3-text { padding: 0; }
.cost3-title { font-size: 30px; letter-spacing: 4px; }
.cost3-title .bold { margin: 20px 0; }
.cost4::before { height: 90px; }
.cost4 { padding: 80px 0 160px; }
.cost4-content-item-title { font-size: 20px; }

/* エキスパート */
.expert2-item-tit-en::before { font-size: 28px; }
.expert2-item-tit-en { font-size: 14px; gap: 20px; }
.expert2-item-title { font-size: 18px; }
.expert2-item-text { font-size: 14px; }
.expert2-item-text-wrap { gap: 24px; }

/* 家づくりについて */
.about-tit-box { padding: 70px 0; }
.about2 { padding: 0 0 220px; }
.strength1 { width: 52%; top: 0; }
.strength2 { width: 50%; left: -20px; bottom: -14%; }
.strength3 { bottom: -13.9%; right: -2%; }
.strength4 { width: 75%; padding: 25% 0 0; }

/* 施工事例 */
.works-single-navi { grid-template-columns: 1fr 70px 1fr; }
.works-single-title { font-size: 24px; letter-spacing: 4px; }
.works-single-content, .works-garalley-text { font-size: 14px; }

/* イベント情報 */
.event-single-info { grid-template-columns: 200px 1fr; }
.event-single-info dt,.event-single-info dd { font-size: 17px; padding: 16px 0; }
.event-single-info dd { padding-left: 32px; }
.event-single-title {font-size: 20px;margin: 0 0 80px;}
.event-single-cta { padding: 60px 70px; background-position: 70% top; }
.event-single-cta-title { font-size: 21px; }
.event-single-cta .option-link { width: 320px; }
.event-single { padding: 0 0 200px; }

/* コンセプト */
.concept2-tit { font-size: 23px; }
.concept2-text { width: 100%; }
.concept2-content.reverse .concept2-text { width: 100%; }

/* デザイン */
.design3-item-btm-item { grid-template-columns: 1fr; gap: 30px; }
.design3-item-tit { font-size: 16px; }
.design3-item-tit span { font-size: 30px; }

/* スペシャリスト */
.specialist2-item {padding: 60px 60px 100px;}
.specialist2-item-title {gap: 40px;font-size: 20px;}
.specialist2-item-text {font-size: 14px;}

/* スタッフ */
.staff-single {padding: 0 0 240px;}

}

@media(max-width: 550px) {
  .anshin-brand-concept { font-size: 30px; line-height: 1.4; }
  .anshin-feature-title {font-size: 24px;margin: -10px 0 10px 0;}
  .anshin-features-en {left: -20px;}
  .block550 { display: block; }
  .check-banner { padding: 30px 14px; }
  .check-banner.protoplan-new-badge { padding: 36px; }
  .check-text { font-size: 14px; left: -12px; top: -12px; }
  .click-text { font-size: 12px; top: 8px; }
  .click-text::before, .click-text::after { width: 1px; height: 20px; }
  .click-text::before { left: -11px; top: -3px; }
  .click-text::after { right: -9px; top: -3px; }
  .contact-description { margin: 0 0 80px; font-size: 14px; }
  .contact-title { font-size: 24px; }
  .contact-vertical-text { font-size: 40px; }
  .cta-section { order: 2; }
  .top-event-right .top-blog-list a .new-icon { top: 10px; }
  .top-blog-title { width: 100%; font-size: 28px; letter-spacing: 3px; background: url("/wp-content/uploads/house-icon.png") no-repeat 94% 12px / 26px; }
  .top-blog-right .top-blog-title { background: url("/wp-content/uploads/memo-icon.png") no-repeat 94% 10px / 26px; }
  .fixed-btn { writing-mode: initial; height: auto; }
  .fixed-side-menu {left: 0;margin: auto;top: auto;bottom: 0;display: grid;grid-template-columns: 1fr 1fr;gap: 2px;max-width: 100%;}
  .footer-nav { width: 280px; margin: 0 auto; gap: 30px; }
  .main-description { margin: 0 0 40px; }
  .main-title { margin-bottom: 60px; }
  .main-visual-text {font-size: 21px;line-height: 1.6;letter-spacing: 4px;text-shadow: 4px 4px 6px #757474;}
  .model-house-name { font-size: 26px; padding: 0; }
  .nav-column a { font-size: 12px; }
  .nav-column ul.sub-menu a { font-size: 11px; }
  .new-icon { width: 40px; height: 40px; font-size: 12px; top: -20px; left: -20px; }
  .no1-image { max-width: 220px; margin: -20px 0 40px -26px; }
  .no1-text-left, .no1-text-right { font-size: 28px; }
  .no-1-imgs {
    gap: 16px;
}

.no-1-imgs img {
    width: calc(100% / 2 - 30px / 3);
}
  .none550 { display: none; }
  .option-arrow { width: 40px; height: 40px; }
  .option-arrow::before, .option-arrow::after { width: 0.4rem; height: 0.4rem; }
  .option-link { padding: 16px 8px; }
  .option-text { font-size: 16px; }
  .protoplan-new-text { font-size: 15px; left: 4px; top: 9px; }
  .protoplan-slide { padding: 8px; }
  .protoplan-title {font-size: 12px;}
  .protoplan-title::before { font-size: 18px; }
  .promotion-content { padding: 70px 30px 60px; display: block; }
  .scroll { left: auto; right: 60px; bottom: 20px; }
  .tar.top-event-list-des {font-size: 12px;text-align: left;}
  .top-about-image { max-width: 400px; margin: 0 auto; }
  .top-blog-list {display: grid;grid-template-columns: 1fr;gap: 20px 16px;}
  .top-blog-list a { gap: 0; border: 0; }
  .top-blog-list-date { font-size: 12px; }
  .top-blog-title-ja {margin: 0 0 40px 0;font-size: 14px;letter-spacing: 1px;}
  .top-event-right .top-blog-list { width: 85%; margin: 0 0 0 auto; }
  .top-blog-list-title {margin: 0 0 10px;font-size: 14px;}
  .top-about-left { padding: 0px 0 0 12%; }
  #top-blog .option-text { font-size: 14px; }
  #top-about .contact-options { margin-left: auto; }
  .top-event .top-blog-list a figure { order: 2; }
  .top-blog-list a figure { max-width: 100%; }
  .top-event-cat { font-size: 12px; padding: 2px 8px; }
  .top-event-text { font-size: 14px; }
  .top-event-text-wrap { gap: 10px; }
  .top-event-title {font-size: 20px;}
  .top-model-house-title, .top-model-house-title span { font-size: 40px; letter-spacing: 10px; }
  .top-model-house-title-wrap { transform: translateY(-41px); }
  .top-model-stall-left { padding: 0; }
  .top-staff-container { max-width: 100%; }
  .top-staff-left { max-width: 77%; margin: 0 20px 0 auto; display: contents; }
  .top-staff-subtitle {font-size: 12px;line-height: 1.5;writing-mode: vertical-rl;position: absolute;right: 70px;top: -100px;color: #222;height: 160px;}
  .top-staff-title { font-size: 44px; gap: 30px; }
  .top-staff-title-ja { font-size: 24px; margin: 0 0 60px; }
  .top-staff .top-staff-title { order: 1; width: 80%; margin: 0 0 0 auto; }
  .top-staff .top-staff-title-ja { order: 2; width: 80%; margin: 0 0 0 auto; }
  #top-blog .top-blog-list a { padding: 0; flex-direction: column; }
  #top-blog .top-blog-text {padding: 0;display: flex;flex-direction: column;gap: 0;}
  #top-model-house .top-staff-vertical-text { right: 0; }
  #top-staff .contact-option { order: 4; }
  #top-staff .top-staff-description {order: 2;width: 80%;margin: 0 0 0 auto;padding: 0 24px 0 0;}
  #top-staff .top-staff-right { order: 1; }
  #top-work { padding: 130px 0; }
  .top-work-des { font-size: 10px; }
  .top-work-list-des { font-size: 14px; }
  .top-work-list-des span { font-size: 12px; }
  .top-work-list-title {font-size: 14px;}
  .top-work-tit-wrap { grid-template-columns: 50px 240px 0.8fr; }
  .top-work-title-en { font-size: 40px; }
  .top-work-title-ja { margin: 0px 0 40px 30px; font-size: 24px; }

  /* company */
  .company1 .subTit1 { font-size: 20px; }
  .breadcrumbs { padding: 0 4% 100px 0; }
  .section-title1 { margin: 0 0 80px; }
  .company1, .company2 { padding: 0 0 150px; }
  .liststyle-label, .liststyle-value { font-size: 14px; place-content: center; }
  .access-info { grid-template-columns: 1fr; }
  .access-info-logo { max-width: 280px; margin: 0 auto; }
  #anshin-section .contact-options { margin: 0 auto; width: 270px; }
  #top-event .contact-options { width: 270px; }
  .top-about-container { margin: 0 0 0 auto; padding: 0 30px 0 0; max-width: 90%; }
  .top-event img { aspect-ratio: 3 /2; object-fit: cover; }
  #top-about .contact-options { width: 270px; }
  .main-visual-text-sub { font-size: 20px; letter-spacing: 3px; bottom: 180px; }

/* ブログ一覧 */
.blog1 { padding: 0 0 160px; }
.blog-list-btn { padding: 24px 28px 24px 46px; }
.blog-list-item a {padding: 0 0 40px;gap: 24px;}
.blog-list-item .option-arrow {bottom: 57px;}
.wp-pagenavi { flex-wrap: wrap; }

/* ブログ詳細 */
.blog-single-content-img { margin: 0 0 80px; }
.blog-single p { font-size: 14px; }
.blog-single-author img { width: 70px; }
.blog-single-author p { font-size: 12px; }
.blog-single-title { font-size: 20px; letter-spacing: 3px; padding: 0 0 16px 3px; }

/* プロトプラン */
.plotplan-detail-label { font-size: 16px; }
.plotplan-detail:first-child dd, .plotplan-detail-value .price { font-size: 20px; }
.plotplan-detail-value { font-size: 18px; }
.plotplan-item-draw p { font-size: 20px; padding: 2px 16px 2px 40px; }
.plotplan-item-draw { padding: 24px; }
.plotplan-item-content-gallery {
  /* width: 80vw; */
  margin: 0px calc(42% - 33vw) !important;
  width: 77vw;
}

.protoplan-slider .slick-dots, .company3 .slick-dots, .plotplan-item-content-gallery .slick-dots {
  bottom: -50px;
}

/* コスト */
.subTit3 { font-size: 24px; line-height: 1.8; margin: 0 0 60px; letter-spacing: 2px; }
.cost1-tate { right: 20px; font-size: 10px; }
.cost1-text {padding: 0;font-size: 14px;}
.cost1-image img {max-width: 250px;}
.cost2-content { max-width: 100%; }
.cost2-text p {font-size: 14px;}
.cost2-content2 { padding: 0; max-width: 100%; }
.cost4-content-item { padding: 30px 16px 30px 30px; }


/* エキスパート */
.expert2-content {grid-template-columns: 1fr;}
.expert1 .subTit3 {font-size: 18px;}

/* アフターメンテナンス */
#page-116 .subpage-title-ja { font-size: 37px; letter-spacing: 4px; }
.maintenance2-content { max-width: 75%; gap: 120px; }
.maintenance2-item-title::before { width: 20px; height: 20px; vertical-align: -4px; }
.maintenance2-item-title { font-size: 18px; text-indent: -39px; }
.maintenance2-item-text { font-size: 14px; }
.maintenance2-item-text-wrap { padding: 0; }
.maintenance2-image { margin: 0 0 120px; }

/* 家づくりについて */
.about-tit { font-size: 24px; letter-spacing: 5px; }
.about-tit-box .num { font-size: 40px; }
.about-tit-box .num::before { font-size: 18px; }
.enTit { font-size: 20px; letter-spacing: 3px; }
.enTit::after { margin: 8px 0 0; font-size: 12px; }
.about3 .alignedBox.right, .about3 .alignedBox.left { margin-bottom: 130px; }
.about3 .waku { height: auto; margin: 0 0 100px; padding: 80px 60px; }
.about3-content2-list li::before { font-size: 32px; margin: 0 30px 0 0; }
.about3-content2-list li { font-size: 20px; letter-spacing: 2px; }
.about4-content-item { padding: 36px 40px; }
.about4-content-item::after { left: 90px; }
.about4-content-item::before { font-size: 26px; }
.about4-content-item img { width: 30px; }
.about4-content-item-wrap { gap: 40px; width: 50%; }
.about4-content-item-title { font-size: 20px; }
.about4-content-item-title::after { font-size: 12px; }

/* コンセプト */
.concept1-content-tit { font-size: 20px; }
.concept1-content2 { padding: 0; }
.concept1-content2-text { font-size: 14px; }
.concept1-content { margin: 0 auto 80px; }
.concept1 { padding: 0 0 140px; }
.concept2 { margin: 0 0 180px; }
.concept2::before { height: 60px; top: -30px; left: auto; right: 90px; }
.concept2-content .tategaki { right: 0; font-size: 10px; }
.concept2-tit { font-size: 20px; letter-spacing: 2px; }
.concept2-content-tit { font-size: 16px; line-height: 2.3; }
.concept2-text span { font-size: 16px; }
.concept2-text p { font-size: 14px; }

/* デザイン */
.design4-content-left-text { font-size: 14px; }
.design2-item-title { font-size: 18px; text-indent: -4px; padding: 0px 0 0 28px; line-height: 1.8; }
.design2-item-title::before { font-size: 28px; top: 2px; }
.design2-item:nth-child(3) .design2-item-title { text-indent: 11px; position: relative; left: -14px; }
.design2-content { margin: 0 auto; width: fit-content; padding: 0; max-width: 85%; }
.design2 .section-title1, .design3 .section-title1 { margin: 0 0 140px; }
.design2-item-text { font-size: 14px; }
.design2 { padding: 0 0 160px; }
.design3 { padding: 0 0 160px; }
.design3-item-main, .design3-item-btm { width: 100%; }
.design3-item-main-text-wrap { gap: 40px; display: flex; justify-content: space-between; align-items: center; }
.design3-item-main-tit { font-size: 12px; }
.design3-item-main-text { font-size: 12px; }
.design3-item { padding: 44px 28px 60px; }
.design3-item-tit span { font-size: 24px; }
.design3-item-tit,.design3-item-btm-item-text { font-size: 12px; line-height: 2; }
.design3-item-en { font-size: 12px; }
.design3-item-btm-item-tit { font-size: 17px; }
.design3-item-main::before { bottom: 110px; left: 9%; width: 32vw; height: 28vw; }
.design3-item-main::after { bottom: 92px; left: 55%; height: 18vw; width: 22vw; }
.design3-item:nth-child(2) .design3-item-main::before { left: 32.3%; width: 16vw; height: 42vw; bottom: 58px; }
.design3-item:nth-child(2) .design3-item-main::after { transform: scale(-1) rotate(-90deg) skewX(-35deg); left: 70%; bottom: 81px; width: 14vw; height: 9vw; }
.design3-item:nth-child(3) .design3-item-main::before { left: 24%; bottom: 85px; width: 15vw; height: 20vw; }
.design3-item:nth-child(3) .design3-item-main::after { left: 58%; bottom: 89px; height: 8vw; width: 13vw; }
.design4-content-left-text-wrap {
  margin: 0 0 50px;
}

/* スペシャリスト */
.specialist2-item-title { flex-direction: column; align-items: baseline; gap: 10px; font-size: 16px; }
.specialist2-item-text { font-size: 12px; }
.specialist2-item-image { max-width: 180px; }
.specialist2-item { padding: 60px 50px 80px; }
#specialist1 .cost1-image img { max-width: 230px; }


/* お問い合わせ */
.contact1-content { padding: 0; gap: 45px; }
input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], select { -webkit-appearance: none; height: 3.5em; }
select { height: 4em; }
input[type="date"]::-webkit-date-and-time-value, input[type="time"]::-webkit-date-and-time-value { text-align: left; }

/* 施工事例 */
.works-cats .works-cat { font-size: 12px; }
.works-cats { margin: 0 0 24px; }
.works-price { font-size: 11px; }
.works-price .num { font-size: 28px; padding: 0 4px 0 0; letter-spacing: 3px; line-height: 1; }
.works-list { gap: 30px 12px; padding: 0 0 100px; }
.works-single-navi .option-arrow { width: 35px; height: 35px; }
.works-single-navi { margin: 200px 0 0; }
.works-single { padding: 0 0 200px; }


/* イベント情報 */
.event-list-item-info { flex-direction: column; }
.event-list-item-info-wrap { gap: 8px; }
.event-list-item-title { font-size: 19px; }
.event-list-item .top-event-cat { padding: 3px 12px; }
.event-single-info dt, .event-single-info dd { font-size: 14px; place-content: center; }
.event-single-info dt span { font-size: 13px; width: 80px; }
.event-single-info { grid-template-columns: 120px 1fr; }
.event-single-info dd { padding-left: 20px; padding-right: 20px; }
.event-single-map-code iframe { height: 240px; }
.event-single-cta {padding: 40px;}
.event-single-cta-title { font-size: 20px; }
.event-single-cta .option-link { width: 250px; }
.event-single-intro { margin: 0 0 120px; font-size: 14px; }
.event-single-map p { font-size: 14px; }

/* モデルハウス */
#page-332 .subpage-title-ja, .modelhouse .subpage-title-ja { line-height: 1; }
.model-house-item-content-title-wrap { margin: 0 0 60px; gap: 12px; flex-direction: column; align-items: baseline; }
.model-house-item-content-imgs {grid-template-columns: 1fr;gap: 10px;margin: 0 calc(30% - 26vw) 60px;width: 80vw;}
.model-house-item-catch { font-size: 16px; letter-spacing: 1px; }
.model-house-item-about { font-size: 14px; }
.model-house-item-place::before { height: 24px; margin: 0 10px 0 0; vertical-align: -8px; }
.model-house-item-place span { text-decoration: underline; text-underline-offset: 8px; }
.model-house-single-gallery { width: 100%; }
.model-house-single-gallery h3 { margin: 0 0 60px; }
.model-house-single-gallery-wrap { gap: 20px; }
.works-single-navi p {font-size: 14px;letter-spacing: 1px;margin: 0!important;}
.model-house-single .works-single-navi { padding: 16px 0 160px; margin: 140px 0 0; }

/* スタッフ */
.staff-list { grid-template-columns: repeat(2,1fr); gap: 40px 12px; }
.staff-single-wrap { padding: 50px; }
.staff-single-title {font-size: 18px;letter-spacing: 4px;}
.staff-single-chartgraph img { max-width: 90%; }
.staff-single-content-list { gap: 120px; }
.staff-single-intro { line-height: 2; }
.staff-single-content-list-item p { font-size: 14px; }
.staff-single-chartgraph { margin: 0 0 100px; }

/* 性能 */
.performance3 .maintenance2-content {
  max-width: 100%;
}

.performance3 .maintenance2-item-title {
  font-size: 17px;
}

.performance3 .maintenance2-item-title::before, .performance4 .maintenance2-item-title::before {
  width: 20px;
  height: 20px;
}

.performance3-item-title {
  margin: 0 0 40px;
}

.performance4-1 .scroll {
  left: 0;
  right: 0;
  top: 30px;
}

.performance4-1-title {
  font-size: 20px;
  letter-spacing: 4px;
}

.performance4 .maintenance2-item-title {
  font-size: 17px;
}

.performance4 .maintenance2-content {
  max-width: 100%;
}
.performance4-item-imgs-wrap img {
  max-width: 100%;
  width: 380px;
}

.performance3-table {
  width: 100%;
}
.performance1 .cost1-image {
  max-width: 270px;
}

.performance1 {
  padding: 0 0 120px;
}

#performance2 .subTit1 {
  font-size: 17px;
  letter-spacing: 3px;
}

.performance3-item-link {
  text-align: left;
}
.performance4 {
  padding: 0 0 120px;
  margin: 0 0 180px;
}
.performance4-1 {
  padding: 200px 0 120px;
}

.performance3 {
  padding: 140px 0 120px;
}

.performance4-1::after {
  clip-path: polygon(50% 100%, -70% 0%, 170% 0);
}
.performance2 .message-body {
  width: 100%;
}
.performance1 .subTit3 {
  font-size: 16px;
}

.performance1 .cost1-text {
  width: 82%;
}

/* プライバシーポリシー */
.privacy {padding: 0 0 180px;}
.privacy h2.wp-block-heading { font-size: 20px; }
.privacy h3.wp-block-heading { font-size: 17px; }
.privacy p { font-size: 14px; }

}

@media(max-width:480px) {
  .anshin-background { min-height: auto; }
  .anshin-brand-concept { font-size: 24px; }
  .anshin-brand-name { font-size: 24px; }
  .anshin-concept-text {width: 95%;}
  .anshin-content { height: auto; padding: 20px 0; }
  .anshin-content-inner { gap: 50px; }
  .anshin-cta-arrow { width: 35px; height: 35px; font-size: 16px; }
  .anshin-cta-link { padding: 12px 25px; }
  .anshin-cta-text { font-size: 14px; }
  .anshin-feature-icon {width: 50px;height: 50px;}
  .anshin-feature:nth-child(2) .anshin-feature-icon {width: 70px;}
  .anshin-section { min-height: auto; }
  .anshin-section .top-staff-vertical-text { right: 50px; }
  .anshin-feature::before {width: 68%;min-width: 180px;}
  .anshin-features { max-width: 100%; gap: 10px; }
  .anshin-features-en { top: 0; font-size: 12px; }
  .anshin-feature { padding: 20px 20px 28px; }
  .anshin-feature-title { font-size: 20px; letter-spacing: 3px; }
  .anshin-feature-subtitle { font-size: 12px; }
  .arrow { font-size: 16px; }
  .block480 { display: block; }
  .click-text { right: 3px; }
  .contact-content { padding: 80px 8% 120px; }
  .contact-left {padding: 0 0 0 36px;}
  .cta-button { width: 40px; height: 40px; }
  .cta-text { font-size: 14px; }
  .footer { padding: 60px 0 20px; margin: 40px 0 0; }
  .footer-logo .logo { width: 240px; margin: 0 0 20px; }
  .footer-nav { gap: 30px; }
  .header { top: 32px; }
  .header-logo { width: 180px; }
  .main-title { font-size: 20px; }
  .model-house-name { font-size: 20px; }
  .model-house-promotion { max-width: 85%; }
  .model-house-title { font-size: 20px; margin: 0 0 36px; line-height: 1.6; }
  .none480 { display: none; }
  .openbtn { top: 8px; }
  .phone-image { width: 90px; }
  .phone-section { right: 40px; }
  .protoplan-banner {top: 8px;padding: 0px 8px 5px;writing-mode: initial;right: 0;top: 16px;}
  .protoplan-banner-text {font-size: 11px;letter-spacing: 1px;}
  .protoplan-container { padding: 0 15px; }
  .protoplan-content { padding: 12px; }
  .protoplan-info { bottom: 12px; left: 12px; }
  .protoplan-price {font-size: 44px;letter-spacing: 0px;text-shadow: 2px 2px 14px #616161;}
  .protoplan-price span {font-size: 14px;padding: 0 0 0 8px;}
  .protoplan-section { padding: 40px 0 120px; }
  .protoplan-slider .slick-dots li { width: 40px; }
  .protoplan-slider .slick-dots li button { width: 40px; }
  .protoplan-type {font-size: 20px;letter-spacing: 0px;line-height: 1;}
  .promotion-content { padding: 70px 40px 50px; }
  .scroll { right: 40px; left: auto; }
  .sns-section { flex-direction: column; }
  .sns-title::after { display: block; margin: 20px auto 0; }
  .top-about-description { font-size: 14px; }
  .top-about-right { order: -1; }
  .top-about-title {font-size: 18px;}
  .top-blog-container { padding: 120px 0; }
  .top-blog-container .contact-option {width: 270px;margin: 30px auto 0;}
  .top-blog-list img { aspect-ratio: 3 / 2; object-fit: cover; }
  .top-blog-title {width: 100%;margin: 0 0 8px 0;font-size: 22px;letter-spacing: 2px;}
  .top-blog-text { display: contents; }
  .top-event-content { padding: 40px 0 0; width: 100%; }
  .top-model-house-title, .top-model-house-title span { font-size: 44px; }
  .top-model-house-title { margin: 0px 0 40px; }
  .top-model-house-title-wrap { transform: translateY(-45px); margin: 0 0 14px; }
  .top-staff-container { padding: 80px 0; }
  .top-staff-content { gap: 50px; }
  .top-staff-description { font-size: 14px; margin: 0 0 40px; width: 92%; }
  .top-staff-image {max-width: 90%;margin-inline: auto;}
  #top-model-house .top-staff-image {
    max-width: initial;
}
  .top-staff-title { gap: 20px; letter-spacing: 6px; }
  .top-staff-title-ja { font-size: 20px; margin: 0 0 40px; }
  .top-work-bottom { margin: auto; gap: 60px; align-items: center; }
  .top-work-bottom .contact-option { width: 270px; }
  #top-blog .top-blog-list { img { aspect-ratio: 3 / 2; object-fit: cover; } }
  #top-model-house { margin: 0 0 100px; }
  #top-model-house .contact-option { max-width: 270px; margin: 0 auto; }
  #top-model-house .top-staff-vertical-text { display: none; }
  #top-staff .contact-option { width: 270px; }
  #top-work .option-link { max-width: 100%; width: 320px; }

  /* company */
  .section-title1::before {width: 40px;}
  .section-title1 {gap: 30px;font-size: 18px;}
  .company4 { padding: 0 0 160px; }
  .subpage-title { padding: 0 4% 10px 0; }
  .subpage-title-ja {font-size: 44px;}
  .subpage-title-sub-ja { font-size: 16px; }
  .breadcrumbs { padding: 0 40px 80px 0; }
  .company1 .subTit1 {font-size: 18px;}
  .message-body {line-height: 2.5;}
  .liststyle-row { grid-template-columns: 1fr; gap: 0; margin: 0 0 20px; }
  .liststyle-label { margin: 0; }
  .liststyle-value { padding: 30px 0; }
  .liststyle-row:last-child { margin: 0; }
  .office-name { font-size: 18px; }
  .access-info-text-inner1 p { font-size: 14px; }
  .access-info-text-inner2-text { font-size: 14px; }

  /* プロトプラン */
  .plotplan-links-title { font-size: 24px; }
  .plotplan-links-list a { font-size: 24px; }
  .plotplan-links-list { gap: 24px; }
  .plotplan-links { gap: 20px 40px; }
  .plotplan-list { gap: 80px; }
  .plotplan-item-content-title .num { font-size: 45px; }
  .plotplan-item-content-title .num::after { height: 36px; margin: 0 20px -4px; }
  .plotplan-item-content-title { font-size: 18px; letter-spacing: 2px; }
  .plotplan-item { padding: 50px 40px; }
  .plotplan-item-content-desc { font-size: 14px; }
  .plotplan-item-content-gallery .slick-dots li button { width: 50px; }
  .plotplan-item-content-gallery .slick-dots li { width: 50px; }
  .plotplan-detail-label { font-size: 18px; }
  .plotplan-detail { grid-template-columns: 1fr; }
  .plotplan-item-draw p { font-size: 16px; padding: 3px 16px 3px 30px; }
  .plotplan-detail:first-child dd, .plotplan-detail-value .price { font-size: 18px; }
  .plotplan-detail-value { font-size: 16px; }

  /* コスト */
  .cost2-title { font-size: 25px; }
  .cost2-content { padding: 0 0 60px; }
  .cost3-title { font-size: 25px; }
  .cost3-subtitle { font-size: 10px; margin: 0 0 30px; }
  .cost3-text-box { gap: 40px; }
  .cost4-title { font-size: 14px; }
  .cost4::before { height: 80px; }
  .cost4-content { grid-template-columns: 1fr; max-width: 320px; margin: 0 auto; }

  /* 家づくりについて */
  .subTit3 { font-size: 22px; }
  .section-title1.en::after { left: 70px; font-size: 12px; bottom: -24px; }
  .about-con-text { padding: 0 40px 0 0; }
  .alignedBox.left .about-con-text { padding: 0 0 0 50px; }
  .about3-content1-tit { font-size: 13px; }
  .about-tit-box.mb0 { margin: 0 0 100px; }
  .about3-content1 { margin: 0 0 80px; }
  .about3 .waku { padding: 60px 30px; }
  .about4-content-item { padding: 30px 24px; }
  .about4-content-item::after { left: 51px; }
  .about4-content-item-wrap { gap: 20px; width: 65%; padding: 0 0 0 12px; }
  .about4-content-item-title { font-size: 18px; }
  .about4-content-item::before { font-size: 20px; }
  .about1-content .cost1-tate { height: 180px; }
  .about4-content-item:nth-child(2) img { width: 34px; }
  .strength2 {left: -8px;bottom: -17%;}
  .strength3 {bottom: -17%;}
  .strength4 {padding: 27% 0 0;}

/* お問い合わせ */
.contact1-title { font-size: 20px; margin: 0 0 80px; letter-spacing: 2px; }
.contact1-title::after { font-size: 12px; padding: 12px 0 0; }

/* 施工事例 */
.works-list-item-title {font-size: 14px;}
.works-single-title { font-size: 20px; letter-spacing: 3px; }

/* モデルハウス */
.model-house-item-content-links .option-link {width: 100%;}

/* コンセプト */
.concept1-content-tit { font-size: 17px; line-height: 1.8; }
.concept2-tit { font-size: 18px; letter-spacing: 1px; }

/* デザイン */
.design3-item-tit span { font-size: 22px; }
.design3-item-tit { font-size: 12px; margin: 0; }
.design3-item-en { line-height: 1; font-size: 11px; position: static; }
.design3-item-tit-wrap { margin: 0 0 20px; gap: 24px; }
.design3-item-main::before, .design3-item-main::after { transform: scaleY(-1) rotate(-90deg) skewX(-35deg); top: auto; bottom: 117px; left: 7%; width: 39vw; height: 21vw; }
.design3-item-main::after { transform: scale(-1) rotate(-90deg) skewX(-35deg); left: auto; right: 16%; bottom: 91px; width: 26vw; height: 15vw; }
.design3-item:nth-child(2) .design3-item-main::after { transform: scale(-1) rotate(-90deg) skewX(-45deg); left: 71%; height: 10vw; bottom: 70px; width: 14vw; }
.design3-item:nth-child(2) .design3-item-main::before { width: 23vw; height: 36vw; left: 31%; bottom: 69px; }
.design3-item:nth-child(3) .design3-item-main::after { height: 13vw; width: 11vw; left: 62%; bottom: 81px; }
.design3-item:nth-child(3) .design3-item-main::before { width: 20vw; height: 15vw; left: 23%; bottom: 98px; }

/* 平屋のスペシャリスト */
.specialist2-content {gap: 100px;}
.specialist1 .subTit3 {margin: 0 0 120px;}
}

@media(max-width:450px){
  .design3-item:nth-child(2) .design3-item-main::after { bottom: 93px; }
  .design3-item:nth-child(2) .design3-item-main::before { bottom: 89px; left: 30%; }
}



@media(max-width:420px) {
  .main-title.main-title { font-size: 18px; }
  .phone-section { right: 10px; }
  .top-model-house-title,
  .top-model-house-title span { font-size: 40px; }
  .top-model-house-title-wrap { transform: translateY(-40px); }
  .top-work-title-ja { margin: 0px 0 40px 16px; }

  /* コスト */
  .cost3-text-box { gap: 20px; }

  /* デザイン */
  .design3-item-main::after { right: 15%; bottom: 92px; }
  .design3-item-main::before { bottom: 114px; /* left: 7%; */ }
  .design3-item:nth-child(2) .design3-item-main::after { bottom: 93px; left: 71%; }
  .design3-item:nth-child(2) .design3-item-main::before { bottom: 87px; left: 29%; }
  .design3-item:nth-child(3) .design3-item-main::after { left: 63%; bottom: 83px; }
  .design3-item:nth-child(3) .design3-item-main::before { left: 22%; bottom: 99px; }
}

@media(max-width:380px) {
  .protoplan-price {font-size: 28px;}
  .protoplan-price span { font-size: 16px; }
  .protoplan-type { font-size: 16px; }

  /* デザイン */
  .design3-item-main-text-wrap { gap: 20px; }
  .design3-item-main::after { bottom: 92px; width: 27.3vw; right: 14%; }
  .design3-item-main::before { bottom: 111px; left: 6%; }
  .design3-item:nth-child(2) .design3-item-main::after { bottom: 93px; left: 70%; width: 15vw; }
  .design3-item:nth-child(2) .design3-item-main::before { bottom: 90px; }
  .design3-item:nth-child(3) .design3-item-main::after { bottom: 86px; width: 11.3vw; left: 62%; }
  .design3-item:nth-child(3) .design3-item-main::before { left: 22%; bottom: 101px; }
}



/* ネイティブCSS */
.aligncenter {display: block; margin: 0 auto;}
.alignright {float: right; margin: 0 0 10px 20px;}
.alignleft {float: left; margin: 0 20px 10px 0;}
.wp-caption {border: 1px solid #ddd; text-align: left; background-color: #f3f3f3; padding: 5px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 14px; line-height: 1.5; margin: 0; padding: 0;}
.single p {margin: 0 0 20px;}
.single a {display: inline-block;text-decoration: underline;}
.single strong {font-weight: bold; }
.single em {font-style: italic; }
.single h1 {font-size: 1.8em!important;color: #222;text-align: left;padding: 4px 0 4px 2%;background: linear-gradient(90deg, #e1efff, transparent);}
.single h2 {font-size: 1.5em;margin: 60px 0 16px;}
.single h3 {font-size: 1.25em;margin: 60px 0 10px;}
.single h4 {font-size: 1em;margin: 40px 0 16px;}
.single h5 {font-size: 0.8em; }
.single h6 {font-size: 0.6em; }
.single ul, .single ol {padding-left: 20px;}
.posts_img {margin: 40px 0 20px;}
blockquote {display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px;}
.single li {list-style-type: disc;list-style-position: inside;margin-bottom: 8px;}

@media(max-width: 680px) {
	.single h2 { font-size: 1.2em; }
	.single h3 { font-size: 1.1em; }
	.single p { font-size: 0.9em; }
}