@charset "utf-8";
/*
Theme Name:Maruto 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 Serif", '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;background: #ffffff;}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);
}
@font-face {
  font-family: "Helvetica Neue Light";
  src: url(./font/HelveticaNeueLight.otf);
  font-weight: light;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(./font/HelveticaNeueMedium.otf);
  font-weight: medium;
}
@font-face {
  font-family: "Helvetica Neue Bold";
  src: url(./font/HelveticaNeueBold.otf);
  font-weight: bold;
}
@font-face {
  font-family: "Source Han Serif";
  src: url(./font/SourceHanSerif-Regular.otf);
  font-weight: 400;
}
@font-face {
  font-family: "Source Han Serif";
  src: url(./font/SourceHanSerif-Medium.otf);
  font-weight: 500;
}
@font-face {
  font-family: "Source Han Serif";
  src: url(./font/SourceHanSerif-SemiBold.otf);
  font-weight: 600;
}
@font-face {
  font-family: "Source Han Serif";
  src: url(./font/SourceHanSerif-Bold.otf);
  font-weight: 700;
}
@font-face {
  font-family: "Source  Han Sans JP";
  src: url(./font/SourceHanSansJP-Light.otf);
  font-weight: 300;
}
@font-face {
  font-family: "Source Han Sans JP";
  src: url(./font/SourceHanSansJP-Normal.otf);
  font-weight: 400;
}
@font-face {
  font-family: "Source Han Sans JP";
  src: url(./font/SourceHanSansJP-Medium.otf);
  font-weight: 500;
}
@font-face {
  font-family: "Source Han Sans JP";
  src: url(./font/SourceHanSansJP-Bold.otf);
  font-weight: 700;
}
@font-face {
  font-family: "FuturaBT";
  src: url(./font/futura-book-bt.ttf);
  font-weight: 400;
}


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,.center1350,.center1400,.center1500,.center1920{margin:0 auto;max-width: 84%;}
.center680{width:680px}
.center800{width:800px}
.center1020{width:1020px}
.center1100{width:1100px}
.center1200{width:1200px}
.center1300{width:1300px}
.center1350{width:1350px}
.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:'Source Han Sans JP',sans-serif;--serif-font:'Source Han Serif',serif;--en-font:'Helvetica Neue Light',sans-serif;--main-color: #4b6251;--bg-color:#a7a176;--sub-color: #ceab45;}
.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;}


.c-title01 {
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.c-title01 span {
  display: block;
  font-family: var(--gothi-font);
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
}
.c-title01--deco::before {
  content: '';
  display: block;
  width: 1em;
  aspect-ratio: 1;
  background-color: #4b6151;
  position: absolute;
  inset: calc(.5lh - .5em) calc(100% + 10px) auto auto;
}
.c-list01 > li {
	padding-left: 1em;
	position: relative;
}
.c-list01 > li::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.c-list01--notes > li::before {
	content: "※";
}
.c-list01--circle > li::before {
	content: "●";
	font-size: 0.75em;
	top: 0.25em;
}
.c-list01--circle--pink > li::before {
	color: var(--color-pink);
}
.c-text01 {
  font-family: var(--gothi-font);
  font-size: 14px;
}

.lb {
	word-break: keep-all;
	overflow-wrap: anywhere;
}

/*============================
 ヘッダー
============================*/
.header {position: fixed;z-index: 100;background: #4b6251;padding: 2% 3%;width: 100%;transition: background .2s ease-out;}
.header-logo { width: 200px; max-width: 100%; }
.header.header-top { background: transparent; }
.header-inner {display: grid;grid-template-columns: 190px 1fr;gap: 3%;align-items: center;width: 95%;}
.header-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  /* width: 92%; */
}

.header-left-menu, .header-right-menu { display: flex; gap: 16px; }
.header-left-menu { justify-content: center; }
.header-right-menu { gap: 0; }
.header-left-menu a, .header-right-menu a { color: #fff; display: block; position: relative; z-index: 101; padding: 4px; cursor: pointer; font-size: 14px; font-family: var(--gothi-font); }
.header-left-menu a:hover, .header-right-menu a:hover { cursor: pointer; }
.header-left-menu a::before { content: ''; display: block; height: 1px; width: 100%; background: #fff; position: absolute; bottom: 0; left: 0; transform: scale(0, 1); transition: .3s; }
.header-left-menu a:hover::before { transform: scale(1, 1); }
.header-right-menu a {border: 1px solid #fff;padding: 14px 18px;min-width: 160px;text-align: center;}
.header-right-menu li:nth-child(-n+3) a { border-right: 0; }
.header-right-menu a:hover { background: #4b6251; }
.top-scroll { position: absolute; display: inline-block; width: 1px; height: 80px; margin-right: 20.5px; border-radius: 9999px; background-color: #fff; bottom: 30px; left: 0; right: 0; margin: auto; animation: arrow-move 2s infinite ease-in-out alternate; }
.top-scroll::before { content: ""; position: absolute; bottom: 0; left: calc(50% - 0.5px); width: 1px; height: 20px; border-radius: 9999px; background-color: #fff; transform: rotate(45deg); transform-origin: 50% calc(100% - 0.5px); }
@keyframes arrow-move { 0% { transform: translateY(0); } 100% { transform: translateY(30px); } }

/*============================
 スマホメニュー
============================*/
.openbtn {position: fixed;width: 50px;height: 50px;cursor: pointer;right: 49px;top: 28px;z-index: 1000;background: none;mix-blend-mode: difference;}
.openbtn span {display: inline-block;transition: all .4s;position: absolute;left: 0;height: 1px;background-color: #fff;}
.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: #4b6251;color: white;/* height: 100vh; */padding: 150px 0 60px;margin: 210px 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;max-width: 1360px;width: 100%;}.footer-buttons {display: flex;flex-direction: column;gap: 16px;max-width: 210px;position: relative;z-index: 2;}.footbtn {display: inline-block;padding: 24px;text-align: center;/* min-width: 260px; */font-weight: 300;font-weight: 500;font-size: 13px;}.footbtn.footbtn-primary {background-color: white;color: var(--main-color);}.footbtn.footbtn-secondary {color: white; border: 1px solid white;}.footer-nav {display: flex;flex-wrap: wrap;gap: 80px 50px;max-width: 685px;}.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: 10px;font-size: 14px;}.nav-column ul.sub-menu a {/* font-size: 15px; */color: #b5b5b6;}.footer-middle {}.footer-logo {display: flex;flex-direction: column;align-items: flex-start;margin: 0px 0 120px;}.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;transform: translateY(-50px);padding: 0px 36px 0 0;}.social-icons {display: flex;gap: 24px;}.social-icon {display: flex;align-items: center;justify-content: center;width: 29px;color: white;text-decoration: none;transition: opacity 0.3s;}.social-icon:hover {opacity: 0.7;}.footer-bottom {text-align: center;padding-top: 150px;}.copyright {margin: 0; font-size: 14px; color: #fff;}
.phone a, .fax a { color: #fff; }
.footer-logo .logo {width: 180px;}
.nav-column > menu > li > a {font-size: 19px;font-weight: 400;}
.nav-column > menu > li:not(:has(.sub-menu)) { margin: 0 0 20px; }
.nav-column:last-child {/* transform: translateX(-90px); */}
.social-icon:first-child { width: 16px; }

.footer-smenu {
	display: none;
}
@media(max-width:940px) {
.footer-smenu {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    position: fixed;
    inset: auto auto 0 0;
    z-index: 100;
}
.toppage .footer-smenu {
	opacity: 0;
	pointer-events: none;
	transition: .2s ease-out;
}
.toppage .footer-smenu.active {
	opacity: 1;
	pointer-events: auto;
}
.footer-smenu li:not(:last-child) {
    border-right: 1px solid #fff;
}
.footer-smenu a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    text-align: center;
    color: #fff;
    line-height: 1.2;
    height: 50px;
    background-color: rgb(74 98 81 / .9);
}
}

/*============================
 右側固定メニュー
============================*/
.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 {height: 100vh;width: 100%;object-fit: cover;}
.main-visual-text {position: absolute;z-index: 99;top: 55%;left: 50%;transform: translate(-50%, -50%);height: max-content;color: #fff;font-size: 48px;letter-spacing: 6px;overflow: hidden;opacity: 0;transition: all 1.5s .8s ease-out;writing-mode: vertical-lr;}
.main-visual-text-sub {position: absolute;z-index: 99;bottom: 5%;left: 4%;height: fit-content;color: #fff;font-size: 20px;font-weight: 500;letter-spacing: 4px;/* text-decoration: underline; *//* text-underline-offset: 7px; */}
.scroll {position: absolute;right: 0;left: 0;top: -11%;margin: auto;width: fit-content;/* writing-mode: vertical-rl; */color: #222;}
.scroll span {font-size: 12px;font-family: var(--en-font);font-weight: 200;color: var(--main-color);}
.scroll::before {position: absolute;right: 0;left: 1px;bottom: -135px;margin: auto;width: 1px;height: 120px;background-color: var(--main-color);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; }

 /* top1 */
 .top1 {background: var(--bg-color);padding: 50px 40px;}
.top1-content {align-items: center;grid-template-columns: 200px 1fr;position: relative;padding: 16px 0;}
.top1-content::before {content: "";display: block;position: absolute;width: 1px;height: 100%;background: #fff;left: 140px;}
.top1-title {color: #fff;font-family: var(--gothi-font);font-weight: normal;font-size: 18px;font-weight: 500;letter-spacing: 2px;}
.top1-content-list {display: grid;gap: 20px;}
.top1-content-list li a span {color: #fff;font-family: var(--gothi-font);letter-spacing: 1.5px;font-size: 15px;}
.top1-content-list li a {gap: 40px;}


/* top2 */
.top2 { padding: 220px 0 180px; }
.subTit1::after { content: attr(data-en); writing-mode: initial; position: absolute; top: 0; left: 40px; font-family: var(--en-font); color: #9fa0a0; font-size: 11px; letter-spacing: 0.5px; font-weight: normal; }
.top2 .subTit1 { position: absolute; }
.top2-content {align-items: center;justify-content: space-between;gap: 20px;}
.top2-left { padding: 60px 0 0; }
.top2-right{width: 100%;padding-bottom: 40px!important;}
.top2-right .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #b5b5b6;
}
.top2-right .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #222;
}
.top2-right .swiper-pagination {
    position: absolute;
    inset: auto auto 0 0;
    translate: 0% 0;
}
.top2-title {font-size: 23px;font-weight: normal;letter-spacing: 3px;margin: 0 0 90px;line-height: 1.8;}
.top2-text { margin: 0 0 120px; font-size: 14px; font-family: var(--gothi-font); }
.green-btn a, .white-btn a, .red-btn a { background: var(--main-color); color: #fff; font-size: 13px; width: 260px; display: block; max-width: 100%; text-align: center; padding: 16px 8px; z-index: 2; position: relative; font-family: var(--gothi-font); letter-spacing: 1px; }
.green-btn a::before, .white-btn a::before, .red-btn a::before { background: var(--bg-color); position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; transform: scale(0, 1); transform-origin: left top; transition: .35s cubic-bezier(0.45, 0, 0.55, 1); z-index: -1; }
.green-btn a:hover::before, .white-btn a:hover::before, .red-btn a:hover::before { transform: scale(1, 1); }
.top2-slider {
	width: 30vw;
	max-width: 600px;
}
/* top3 */
.top3 {padding: 0 0 280px;}
.performance-item {/* border: 2px solid var(--bg-color); */aspect-ratio: 1;display: grid;place-content: center;gap: 12px;position: relative;}
.performance-item-border {
	display: contents;
}
.performance-item::before,
.performance-item::after,
.performance-item-border::before,
.performance-item-border::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background-color: var(--bg-color);
    position: absolute;
    inset: 0 auto auto 0;
    transition: 1s ease-out;
}
.performance-item::after,
.performance-item-border::after {
    width: 1px;
    height: 0;
}
.performance-item-border::before,
.performance-item-border::after {
  inset: auto 0 0 auto;
}
.performance-item.active::before,
.performance-item.active .performance-item-border::before {
  width: 100%;
}
.performance-item.active::after,
.performance-item.active .performance-item-border::after {
  height: 100%;
}
@media(min-width: 551px) {
.performance-item:nth-child(2)::before,
.performance-item:nth-child(2)::after,
.performance-item:nth-child(2) .performance-item-border::before,
.performance-item:nth-child(2) .performance-item-border::after {
  transition-delay: .2s;
}
.performance-item:nth-child(3)::before,
.performance-item:nth-child(3)::after,
.performance-item:nth-child(3) .performance-item-border::before,
.performance-item:nth-child(3) .performance-item-border::after {
  transition-delay: .4s;
}
.performance-item:nth-child(4)::before,
.performance-item:nth-child(4)::after,
.performance-item:nth-child(4) .performance-item-border::before,
.performance-item:nth-child(4) .performance-item-border::after {
  transition-delay: .6s;
}
}
.performance-list {gap: 40px;margin: 0 0 60px;}
.performance-item-title {color: var(--bg-color);font-weight: normal;font-size: 24px;letter-spacing: 2px;}
.performance-item-text {font-size: 15px;color: var(--bg-color);/* font-weight: normal; */font-family: var(--gothi-font);letter-spacing: 2px;}
.subTit1.bottom {position: static;margin: 0 auto 100px;height: auto;}
.subTit1.bottom::after {/* position: static; */text-align: center;margin: 0 auto;top: auto;bottom: -30px;left: 0;right: 0;height: min-content;width: max-content;}
.top3-text {font-family: var(--gothi-font);line-height: 2.2;margin: 0 0 80px;font-size: 13px;}
.top3 .green-btn, .top6 .red-btn {margin-inline: auto;width: fit-content;}

/* top4 */
.top4 { position: relative; }
.top4-container {/* background: url("/new/wp-content/uploads/2025/11/top-2-scaled.jpg") no-repeat center / cover; */margin: 0 50px;position: relative;}
.top4 .subTit1 {position: absolute;top: -110px;}
.top4-content {height: 97vh;place-content: center;padding: 0 28px;}
.top4-title {font-size: 24px;font-weight: 400;color: #fff;letter-spacing: 3px;margin: 0 0 60px;line-height: 2;}
.top4-text {color: #fff;font-family: var(--gothi-font);margin: 0 0 140px;font-size: 14px;}
.white-btn a { background: #fff; color: #222; }
.white-btn a::before { background: var(--main-color); }
.white-btn a:hover { color: #fff; }
.top4__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0 auto auto 0;
    z-index: -1;
    overflow: hidden;
}

.top4__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
		transition: scale 5s ease-out;
}
.top4-container.active .top4__bg img {
	scale: 1.1;
}

/* top5 */
.top5-left {width: 54%;}
.slick-dots li.slick-active button { background: #222; }
.top5 {background: url("/new/wp-content/uploads/2025/11/top10-scaled.jpg") no-repeat center / cover;margin: 0 50px;padding: 0 0 90px;}
.top5-right { flex: 1; padding: 30px 0 0; }
.top-work .slick-list {padding: 40px 0px 0 40px;}
.top5-content {gap: 100px;}
.top5-title {font-size: 27px;font-weight: 500;margin: 0 0 120px;letter-spacing: 4px;}
.top5-text {font-size: 13px;font-family: var(--gothi-font);line-height: 2.1;margin: 0 0 140px;}
.top5-btn { max-width: 320px; margin-inline-start: auto; text-align: right; }
.top5-btn a { font-size: 14px; font-family: var(--gothi-font); font-weight: 500; display: block; position: relative; }
.top5-btn a:hover::after { width: 140px; margin-left: auto; }
.top5-btn a::before, .top5-btn a::after { content: ""; width: 100%; height: 1px; background: #222; display: block; margin: 6px 0 0 auto; transition: all .3s ease-out; transform-origin: right; }
.top5-btn a::before { position: absolute; width: 0; right: 0; bottom: 0; transform: rotate(-45deg); }
.top5-btn a:hover::before { width: 24px; }
.top-work-list li a {display: block;margin: 0 10px;}
.top-work-list .next-arrow {
    right: calc(100% + 20px);
    left: auto;
}
.top5 .subTit1 {transform: translateY(-70px);}
.top5-right .green-btn a {
    margin-left: auto;
}

/* cta */
.cta {padding: 110px 0 160px;}
.cta.cta--single {
    margin: 100px 0;
}
.cta-content {gap: 68px;position: relative;align-items: center;}
.blog-single .cta-content {
    width: min(1350px, 84vw);
}
.cta-content::before {content: "";background: #cdab45;position: absolute;display: block;width: 96%;height: 100%;z-index: -1;border-radius: 0 90px 0 90px;bottom: -30px;right: 0;}
.cta-left { width: 45%; }
.cta-right {flex: 1;padding: 46px 0 0;}
.cta-text {color: #fff;font-size: 13px;line-height: 1.5;margin-bottom: 15px;font-family: var(--gothi-font);position: relative;padding: 0 180px 0 0;}
.cta-text::before {/* content: ""; */display: inline-block;width: 18px;height: 18px;background: url("/new/wp-content/uploads/2025/11/check.png") no-repeat center / contain;position: absolute;left: 0;top: 8px;}
.cta-text01 {
    font-size: 18px;
    text-align: center;
    text-decoration: underline;
    text-decoration-color: #4b6151;
    text-underline-offset: 5px;
}
.cta-text01::after {
  content: '';
  display: block;
  width: 1px;
  height: 100px;
  background-color: #4b6151;
  margin: 50px auto 15px;
}
.cta-title {color: #fff;letter-spacing: 5px;font-size: 36px;font-family: var(--gothi-font);font-weight: bold;position: relative;width: fit-content;padding: 0 80px 0 0;}
.cta-title::after {content: "";display: block;width: calc(100% + 80px);height: 4px;margin-top: 12px;border-radius: 9999px;background-color: #fff;}
.cta-title::before {content: "";position: absolute;bottom: 0px;right: 0;width: 45px;height: 4px;border-radius: 9999px;background-color: #fff;transform: rotate(45deg);transform-origin: calc(100% - 2px) 50%;}
.cta-btn {position: absolute;right: 40px;bottom: 20px;width: 140px;}
.cta-btn a {color: #cdab45;border: 2px solid #cdab45;background: #fff;display: grid;border-radius: 50%;aspect-ratio: 1;place-content: center;font-family: var(--gothi-font);font-weight: 500;text-align: center;line-height: 1.6;font-size: 16px;position: relative;padding: 0 0 20px 0;}
.cta-home .cta-btn a {border: 2px solid #a7a176;}
.cta-btn a::after {content: "";width: 0;height: 0;border-style: solid;border-right: 16px solid transparent;border-left: 16px solid transparent;border-top: 18px solid #cdab45;border-bottom: 0;position: absolute;left: 0;right: 0;bottom: 22px;margin: auto;}


/* YouTubeセクション */
.top6 {background: #eeefef;padding: 100px 0;}
.top6-tit::before {content: "";display: inline-block;width: 40px;height: 29px;background: url("/new/wp-content/uploads/2025/11/youtube.png") no-repeat center / contain;margin: 0 20px 0 0;}
.top6-title {align-items: flex-end;gap: 50px;margin: 0 0 80px;}
.top6-tit {font-family: var(--gothi-font);color: #e60012;font-size: 35px;letter-spacing: 2px;}
.top6-tit-text {font-family: var(--gothi-font);font-size: 15px;}
.top6-tit span { font-family: var(--gothi-font); color: #222; padding: 0 0 0 8px; }
.top6-video a {margin: 0px  25px;display: block;}
.top6-video img {aspect-ratio: 5/ 2.9;}
.slide-arrow {position: absolute;left: 3.3%;top: 50%;transform: translateY(-50%);width: 24px;z-index: 100;cursor: pointer;}
.prev-arrow {left: auto;right: 3.3%;}
.top6-videos {margin: -10px 0 90px;}
.red-btn a { background: #e60012; }
.top6 .red-btn {margin-bottom: 70px;}
.red-btn a::before { background: #222; }


/* cta-home */
.cta-home .cta-content::before { background: #a7a176; }
.cta-home .cta-btn a { color: #a7a176; }
.cta-home .cta-btn a::after { border-top-color: #a7a176; }
.cta-title span {font-family: var(--fothi-font);font-size: 55%;letter-spacing: 3px;display: inline-block;}
.cta-home {padding: 220px 0 170px;}
.cta-home .cta-title { letter-spacing: 2px; padding: 0 60px 0 0; }
.cta-home .cta-title::after { width: calc(100% + 60px); }
.cta-home .cta-text {margin: 0 0 15px;}
.cta-home .cta-right { padding: 57px 0 0; }
.cta-home .cta-btn {right: 40px;bottom: 20px;}

/* top-link */
.foot-link-content {gap: 80px;}
.foot-link-content > div a {border: 1px solid #222;display: block;height: 100%;position: relative;padding: 45px 0 50px;border-radius: 30px 0  0 0;}
.foot-link-content img { width: 80%; }
.foot-link-left img {max-width: 200px;}
.foot-link-text {position: absolute;left: 16px;bottom: 10px;font-size: 14px;font-family: var(--gothi-font);color: #a7a177;font-weight: 500;letter-spacing: 1px;}
.foot-link-content > div a::after {content: "";width: 0;height: 0;border-style: solid;border-right: 16px solid transparent;border-left: 16px solid transparent;border-bottom: 16px solid #a7a277;border-top: 0;transform: rotate(135deg);position: absolute;right: 0;bottom: 7px;}
.foot-link-content > div.foot-link-right a {padding-top: 53px;}


/* WORKセクション  */
#top-work {padding: 270px 0 210px;}
#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: -30px;left: 0px;z-index: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 60px;height: 60px;background: var(--bg-color);border-radius: 50%;color: #fff;font-family: var(--en-font);font-size: 14px;}
#works1 .new-icon {
    left: -30px;
}
.top-work-bottom {display: flex; flex-direction: column; align-items: flex-end; gap: 100px; width: 1100px; max-width: 92%; margin: 0 auto;}
.top-work-des {font-size: 12px; letter-spacing: 1px;}
.top-work-list {width: 1522px;max-width: 88%;margin: 70px 0px 90px auto;}
.top-work-list li {position: relative;width: 574px;max-width: 100%;}
.top-work-list figure {margin: 0 0 13px;}
.top-work-list .icatch {height: auto;aspect-ratio: 4.5 / 3;}
.top-work-list-des span {font-size: 14px;}
.top-work-list-title {font-weight: 600;font-size: 15px;}
.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;}
#top-work .green-btn {
  /* width: 100%;
  max-width: 1092px;
  margin-inline: auto; */
}
.works_btn_wrap {
  margin-inline: 50px;
}
#top-work .green-btn a {
    margin-left: auto;
}
.works-youtube-btn {
    display: block;
    width: 100%;
    max-width: 450px;
    margin: 80px auto 0;
}

/* ブログ */
.top-blog-container {padding: 200px 0 0;}
.top-blog-content {gap: 60px;}
.top-blog-left {flex: 1;max-width: 620px;}
.top-blog-right {flex: 1;max-width: 620px;}
.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;;font-weight: normal;}
.top-blog-title-ja { font-size: 20px; letter-spacing: 3px; margin: 0 0 80px; }
.top-blog-text {flex: 1;}
.top-blog-list {display: flex;flex-direction: column;margin: 0px 0 100px;border-top: 2px solid #222;}
.top-blog-list a {gap: 70px;border-bottom: 1px solid #222;overflow: initial;align-items: center;height: 190px;padding: 10px 0;}
.top-blog-list a figure {aspect-ratio: 1;max-width: 25%;}
.top-blog-list-date {font-size: 13px;letter-spacing: 0px;color: #5e5e5e;position: absolute;top: 8px;right: 0;font-family: "Source Han Serif", 'Noto Serif JP',sans-serif;}
.top-blog-list-title {font-weight: 500;font-family: var(--gothi-font);font-size: 15px;margin: 0 0 24px;padding: 0 8px 0 0;}
.top-blog-container .contact-option {width: 320px;max-width: 96%;margin: 0 0 0 auto;}
#top-blog .subTit1 {margin-bottom: 30px;}
.top-blog-list a figure img {aspect-ratio: 1;}
#top-blog .green-btn {width: fit-content;margin-inline: auto;}
.top-blog-list li { position: relative; }
.top-blog-list-des {font-size: 12px;font-family: var(--gothi-font);line-height: 1.75;}
.top-blog-right .top-blog-list-des { padding: 0 8px 0 0; }
.top-blog-right .top-blog-list li a {padding: 0 0 0 36px;}
figure.no-img {background: #b4b4b4;}
figure.no-img img {object-fit: contain;}
.blog-list-title-wrap {
  gap: 30px;
  margin: 0 0 30px;
}

/* 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: 40px;}
.sns-title {position: relative;font-size: 14px;font-family: 'zurich-light-condensed';font-weight: 100;letter-spacing: 2px;color: #949495;}

.sns-icons {display: flex;gap: 24px;}
.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: 20% 0 0;}
.subpage.subpage--single{/* padding-top: 25%; */}
.subpage-title {display: flex;align-items: flex-end;gap: 60px;padding: 0 0 12px;overflow: hidden;}
.subpage-title-ja {font-size: 20px;font-weight: 500;/* font-family: var(--en-font); *//* line-height: 0.8; */letter-spacing: 4px;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: 14px;/* padding: 0 0 0 30px; */letter-spacing: 1px;font-family: var(--en-font);font-weight: normal;}
.sub-key {padding: 0 0 110px 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: 17px;font-family: var(--gothi-font);font-weight: normal;letter-spacing: 2px;writing-mode: vertical-lr;height: max-content;}
.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; }




/*============================
ブログ一覧
============================*/
.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 120px;}
.blog-list {display: flex;flex-direction: column;margin: 0 0 10%;border-top: 1px solid #222;}
.blog-list-item {position: relative;display: grid;grid-template-columns: 1fr 210px;align-items: center;border-bottom: 1px solid #222;padding: 40px 0 40px 30px;}
.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: 1px solid #222; *//* overflow: visible; */display: flex;color: var(--main-color);font-family: var(--gothi-font);font-weight: 500;position: relative;align-items: center;gap: 16px;font-size: 13px;letter-spacing: 1px;}
.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;color: var(--main-color);font-family: var(--gothi-font);font-weight: 500;}
.blog-list-item-date {font-size: 12px;letter-spacing: 0px;color: #9fa0a0;/* margin: 0 0 20px; */font-family: 'FuturaBT';}
.blog-list-item-excerpt {font-family: var(--gothi-font);color: #424242;font-size: 14px;letter-spacing: 0.7px;line-height: 1.6;margin: 0 0 16px;max-width: 450px;}
.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: 8px;justify-content: center;}
.wp-pagenavi a, .wp-pagenavi span {/* border-radius: 50%; */width: 32px;height: 32px;display: grid;place-content: center;font-size: 13px;font-family: 'FuturaBT';/* background: #EAEAEA; */line-height: 1;color: #b5b5b6;border: 1px solid #cfcfcf;}
.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: var(--main-color);}
.single .works-single-navi  p {margin: 0;text-align: center;}
.navi-arrow {
  position: relative;
  display: inline-block;
  width: 35.9px;
  height: 54.6px;
  border: 1px solid #9f9fa0;
  width: 30px;
  height: 30px;
  aspect-ratio: 1;
}
.post_single .works-single-thumbnail {
    margin-inline: auto;
    max-width: 1100px;
}

.post_single .works-single-thumbnail img {
    margin-inline: auto!important;
}

.post_single .blog-single-content {
    margin-inline: auto;
    max-width: 1100px;
}

.post_single .blog-single .single h2:not(:is(.cta-content *)) {
    width: 100%;
}

.navi-arrow::before,
.navi-arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  left: 0;
  right: 0;
  margin: auto;
  width: 7px;
  height: 1px;
  border-radius: 9999px;
  background-color: #9f9fa0;
  transform-origin: 0.5px 50%;
}

.navi-arrow::before {
  transform: rotate(37.5deg);
}

.navi-arrow::after {
  transform: rotate(-37.5deg);
}
.navi-arrow-right {
  transform: rotate(180deg);
}
.blog-intro, .blog-search-box {
  max-width: 750px;
}

.blog-intro {
  margin: 0 0 50px;
}

.blog-search-box-text {
  color: var(--main-color);
  font-weight: 500;
  font-family: var(--gothi-font);
  margin: 0 0 20px;
  font-size: 14px;
}

.blog-search-box input {
  background: #eeece4;
  border-radius: 50vw;
  font-family: var(--gothi-font);
  font-size: 11px;
  padding: 16px 16px 16px 60px;
  color: #9fa0a0;
  position: relative;
}

.blog-search-box input::placeholder {
  color: #9fa0a0;
}
.blog-intro p {
  font-family: var(--gothi-font);
  font-size: 13px;
}
#blog1 .blog-list-con1 {
  margin: 0 0 230px;
}

.new-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* width: 60px; */
    /* height: 60px; */
    background: var(--bg-color);
    border-radius: 50vw;
    color: #fff;
    font-family: var(--en-font);
    font-size: 12px;
    padding: 10px 12px 7px;
    line-height: 1;
}
.blog-list-item a::after {
  content: "";
  display: inline-block;
  background: url("http://maruto-s.com/new/wp-content/uploads/2025/11/blog-arrow-r.png") no-repeat center / contain;
  width: 50px;
  height: 7px;
  transform: translateY(2px);
  transition: transform .3s ease-out;
}

.blog-list-item a:hover::after {transform: translate(20px, 2px);}
.blog-search-box .blog-search-box-input::before {
  content: "";
  background: url("http://maruto-s.com/new/wp-content/uploads/2025/11/search.png") no-repeat center /contain;
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 25px;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}
.blog-search-box-input {
  position: relative;
}

/*============================
ブログ詳細
============================*/
.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: 20px;font-weight: 500;font-family: var(--gothi-font);color: var(--main-color);letter-spacing: 3px;/* 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); *//* line-height: 1.2; */color: #b5b5b6;letter-spacing: 0.2px;font-family: FuturaBT;font-size: 12px;margin-left: auto;}
.blog-single-content-img { margin: 0 0 120px; }
.blog-single-content img:not(:is(.cta-content *)) {margin: 0;height: auto;/* aspect-ratio: 3 / 2; */}

.blog-single-title-box {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: space-between;
  align-items: flex-end;
  margin: 0 0 80px;
}

.blog-single-title-wrap {
  align-items: center;
  gap: 20px;
}

.works-single-thumbnail figure.no-img {
  aspect-ratio: 3 /2;
  display: grid;
  place-content: center;
  /* max-height: 600px; */
}

#ez-toc-container {
  margin: 0 0 170px!important;
  width: 100%!important;
  /* max-width: 800px!important; */
  padding: 60px!important;
  background: #eeece4!important;
  border: 0!important;
  border-radius: 0!important;
  margin: 100px 0 160px!important;
}

.ez-toc-title-container {
  text-align: center!important;
  margin: 0 0 60px!important;
}

.ez-toc-title {
  font-family: var(--gothi-font)!important;
  color: var(--main-color)!important;
}

#ez-toc-container a {
  font-family: var(--gothi-font)!important;
  color: var(--main-color)!important;
}

#ez-toc-container a:visited {
  color: var(--main-color)!important;
}

div#ez-toc-container ul li.ez-toc-heading-level-3 a {
  font-weight: normal!important;
}

#ez-toc-container li.ez-toc-heading-level-2 {
  margin: 0 0 40px!important;
}

div#ez-toc-container ul li.ez-toc-heading-level-3 {
  padding: 4px 0 0!important;
}
span.ez-toc-icon-toggle-span {
  display: none!important;
}
span.ez-toc-title-toggle {
  display: none;
}

#ez-toc-container .ez-toc-js-icon-con, #ez-toc-container .ez-toc-toggle label {
  display: none;
}
.blog-single-content {
  max-width: 800px;
}
.blog-single .single h2:not(:is(.cta-content *)) {
  background: var(--bg-color);
  color: #fff;
  font-weight: 500;
  padding: 16px 40px;
  width: min(1400px, 84vw);
}

.blog-single .single h3 {
  color: var(--main-color);
  border-bottom: 1px solid var(--main-color);
  padding: 0 0 10px;
}

.blog-single .single h4 {
  color: var(--main-color);
}

/*============================
施工事例
============================*/
.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;aspect-ratio: 2.9 / 1.7;}
.works-list-item-title {font-size: 17px;font-weight: bold;letter-spacing: 1px;line-height: 2;margin-bottom: 5px;}
.works-list {gap: 120px 30px;padding: 0 0 200px;/* max-width: 1220px; */}
.works-price { font-size: 12px; font-weight: bold; }
.works-price .num { font-size: 36px; font-weight: bold; font-family: 'zurich-light-condensed'; letter-spacing: 4px; padding: 0 8px 0 0; }
.works-cats { gap: 12px; }
.works-cat {font-size: 15px;width: fit-content;color: var(--main-color);letter-spacing: 0px;font-family: var(--gothi-font);/* line-height: 2; */padding: 4px 20px;background: #eeece4;border-radius: 50vw;margin-left: auto;}
.works-single-title {font-weight: normal;font-size: 23px;letter-spacing: 3px;}
.works-single-thumbnail {margin: 0 0 100px;max-width: 800px;}
.works-single-thumbnail.works-single-thumbnail__full{max-width: 100%;aspect-ratio: 3 / 2;}
.works-single-thumbnail.works-single-thumbnail__full img {width: 100%;height: 100%!important;object-fit: cover;}
.works-single-content {margin: 0 0 120px;display: grid;gap: 140px;width: 850px;max-width: 96%;}
.works-single img:not(:is(.cta-content *)) {height: auto;margin: 0;/* width: 100%; */}
.works-garalley-img { margin: 0 0 60px; }
.works-single-gallery {/* display: grid; *//* gap: 120px; */}
.works-single {}
.works-single-navi {margin: 160px 0 0;padding: 20px 0 0;display: grid;grid-template-columns: 1fr 100px 1fr;justify-content: space-between;align-items: center;border-top: 1px solid #908b89;}
.works-single-navi a {padding: 0;font-size: 14px;position: relative;/* border-bottom: 1px solid #222; */padding: 0 0 28px;font-family: var(--en-font);position: relative;display: flex;align-items: center;gap: 16px;}
.works-single-navi a:first-child {justify-content: flex-end;flex-direction: row-reverse;text-align: right;}
.works-single-navi a:last-child { justify-content: flex-end; gap: 20px; }
.works-single-navi a:first-child span {/* transform: skew(20deg, -50deg) rotate(-115deg); *//* right: auto; *//* left: 0; *//* width: 30px; *//* height: 30px; *//* aspect-ratio: 1; */}
.works-single-navi .option-arrow {width: 42px;height: 42px;position: absolute;top: 5px;right: 0;width: 0.9rem;height: 0.9rem;transform: translate(-50%, -50%);border-top: 1px solid #222;border-right: 1px solid #222;transition: all .4s
cubic-bezier(0.29, 0.38, 0.3, 0.89);}
.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: 16px;line-height: 1;transition: background-color .4s ease;font-size: 14px;font-family: var(--gothi-font);color: var(--main-color);background: #eeece4;border-radius: 50vw;width: 189px;text-align: center;font-weight: 500;}
.works-cats-list-item:hover {background: var(--bg-color);color: #fff;}
.works-cats-list {flex: 1;justify-content: flex-start;gap: 10px;width: 100%;}
.works-cats-list-item.current {color: #fff;pointer-events: none;background: var(--main-color);}
.wp-pagenavi .extend::before {/* content: "…"; */}
.works-list-item-content-inner {/* justify-content: space-between; *//* align-items: center; *//* padding: 32px 0 8px; *//* gap: 8px; */}
.works-list-item-content { width: 100%; }
.works-date-wrap {
  justify-content: space-between;
  align-items: flex-start;
  gap: 0 4px;
  /* border-bottom: 1px solid #9f9d9c; */
  padding: 14px 0 11px;
  /* margin: 0 0 11px; */
}
.works-date {line-height: 1.2;color: #b5b5b6;letter-spacing: 0.2px;font-family: FuturaBT;font-size: 12px;}

.works-single-title-wrap {justify-content: space-between;align-items: center;margin: 0 0 10px;}
.works-single .works-date {/* margin: 0 0 80px; */}
.works-single-content-title {font-weight: normal;font-size: 20px;letter-spacing: 3px;margin: 0 0 80px;}
.works-single .works-date-wrap {
  padding: 0 0 24px;
}
.works-single-content-text {/* width: 65%; */letter-spacing: 2px;font-size: 14px;font-family: var(--gothi-font);}
.works-single-gallery-wrap {display: flex;gap: 50px;}
.works-single-gallery-wrap img.tate {
    aspect-ratio: 2 / 3;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.works-single-gallery-wrap img.yoko {
    aspect-ratio: 3 / 2;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.works-single-gallery-wrap + .works-single-gallery-wrap{
	margin-top: 50px;
}
.works-single-navi a.navi-link::before {content: "";position: absolute;top: 4px;right: 0;width: 15px;height: 1px;border-radius: 9999px;background-color: #9f9fa0;transform-origin: calc(100% - 0.5px) 50%;transform: rotate(22.5deg);visibility: hidden;}
.works-single-navi a.navi-link::after {content: "";position: absolute;top: 4px;right: 0;width: 15px;height: 1px;border-radius: 9999px;background-color: #9f9fa0;transform-origin: calc(100% - 0.5px) 50%;transform: rotate(-22.5deg);visibility: hidden;}
.works-single-navi a:first-child::before { right: auto; left: 0; transform-origin: 0.5px 50%; }
.works-single-navi a:first-child::after { right: auto; left: 0; transform-origin: 0.5px 50%; }
.works-single-navi a:hover { opacity: .6; }

.works-single-cat {
  padding: 8px 20px;
  line-height: 1;
  transition: background-color .4s
ease;
  font-size: 14px;
  font-family: var(--gothi-font);
  color: var(--main-color);
  background: #eeece4;
  border-radius: 50vw;
  width: fit-content;
  text-align: center;
  font-weight: 500;
  margin-inline-start: auto;
  margin-bottom: 60px;
}

.works-key {
  color: var(--main-color);
  border: 1px solid var(--main-color);
  padding: 2px 5px;
  /* min-width: 100px; */
  text-align: center;
  font-size: 12px;
  font-weight: 500;
}

.works-key-wrap {
  gap: 5px;
  justify-content: flex-start;
  margin: 0 0 30px;
}
.specification-wrap {
  background: #eeece4;
  padding: 60px 80px;
  display: grid;
  grid-template-columns: 150px 0.9fr;
  width: 850px;
  max-width: 96%;
  margin: 0 0 250px;
}

.specification-title {
  font-family: var(--gothi-font);
  font-weight: normal;
}

.specification-content p {
  font-family: var(--gothi-font);
  line-height: 1.8;
  font-size: 14px;
}

/*============================
イベント情報
============================*/
.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%; }

.new-event-list .blog-list-item-content {display: flex;align-items: center;gap: 40px;flex: 1;}
.new-event-list .blog-list-thumbnail {aspect-ratio: 1;width: 160px;}
.new-event-list .blog-list-item-content > div {flex: 1;}
.new-event-list .blog-list-thumbnail img {width: 100%;height: 100%;object-fit: cover;}
.new-event-list .blog-list-thumbnail.no-img img {object-fit: contain;}

.event-info {
		margin-bottom: 80px;
}
.event-info * {
    font-family: var(--gothi-font);
}
.event-info__panel {
		display: flex;
		flex-direction: column;
		align-items: center;
    max-width: 800px;
    background-color: #FCF8F4;
    padding: 40px 30px;
}
.event-info__info {
    display: grid;
    grid-template-columns: repeat(1, 100px minmax(0, 1fr));
}
.event-info__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 100%;
    max-width: 260px;
    min-height: 60px;
    background-color: #4b6251;
    margin: 40px auto 0;
}
.event-info__btn::before {
    content: '';
    display: block;
    width: 30px;
    aspect-ratio: 1;
    background: url(assets/img/common/icon_contact.png) center / contain no-repeat;
}


/*============================
 モデルハウス
============================*/
.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-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; }


/*============================
 プライバシーポリシー
============================*/
.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; }


/*============================
 サービス
============================*/
.service-textbox * {
	font-family: var(--gothi-font);
}
.service-textbox p + p {
	margin-top: 1em;
}
.service-thoughts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 40px;
}
.service-thoughts__box {flex: 0 0 calc((595 / 1300) * 100%);}
.service-thoughts__text-l {
  font-size: 24px;
  margin-top: 130px;
}
.service-thoughts__text {
  font-family: var(--gothi-font);
  font-size: 14px;
  text-align: justify;
  margin-top: 80px;
}
.service-thoughts__img {
  flex: 0 0 calc((600 / 1300) * 100%);
}
.service-content {
  padding-top: 200px;
}
.service-content__section + .service-content__section {
  margin-top: 100px;
}
.service-content__box {
  display: flex;
  justify-content: space-between;
  row-gap: 40px;
  margin-top: 80px;
}
.service-content__box + .service-content__box {
  margin-top: 120px;
}
.service-content__textbox {
  flex: 0 0 calc((665 / 1350) * 100%);
  padding-left: 65px;
}
.service-content__textbox > * + * {
  margin-top: 50px;
}
.service-content__textbox > * + *.mt-l {
  margin-top: 80px;
}
.service-content__title {
  font-size: 18px;
  font-weight: 500;
  position: relative;
}
.service-content__title::before {
  content: '';
  display: block;
  width: 27px;
  height: 1px;
  background-color: #231815;
  position: absolute;
  inset: 50% auto auto -65px;
}
.service-content__text {
  font-family: var(--gothi-font);
  font-size: 14px;
  margin-top: 50px;
}
.service-content__list > li {
  font-weight: 500;
  line-height: 1.65;
}
.service-content__dl {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 50px;
}
.service-content__dl dt {
  font-family: var(--gothi-font);
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  width: 220px;
  background-color: #4b6151;
  padding: 5px 15px;
}
.service-content__dl dd {
  font-family: var(--gothi-font);
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-top: 30px;
}
.service-content__img {
  flex: 0 0 calc((600 / 1350) * 100%);
}
.service-content__toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	width: 100%;
	max-width: 220px;
	min-height: 60px;
	background-color: #fff;
	border: 1px solid #000;
	padding: 5px 35px 5px 10px;
	margin-left: 1em;
	position: relative;
}
.service-content__toggle + * {
	display: none;
	padding-left: 1em;
	margin-top: 50px;
}
.service-content__toggle + * > * + * {
	margin-top: 50px;
}
.service-content__toggle + * > *:first-child {
	margin-top: 0;
}
.service-content__toggle::before,.service-content__toggle::after {
	content: '';
	display: block;
	width: 10px;
	aspect-ratio: 3 / 2;
	background-color: #000;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	position: absolute;
	inset: 50% 25px auto auto;
	translate: 0 -50%;
	transition: .2s ease-out;
}

.service-content__toggle::after {
	background-color: #fff;
	top: calc(50% - 2px);
}
.service-content__toggle--active::before,
.service-content__toggle--active::after {
	rotate: -180deg;
}
.service-content__toggle--active::after {
	top: calc(50% + 2px);
}


/*============================
 よくある質問
============================*/
.l-question__text {
  margin-top: 120px;
  margin-bottom: 120px;
}
.l-question__text a {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.l-question__list {
  margin-top: 80px;
}
.l-question__list dt,
.l-question__list dd {
  padding-left: 60px;
  position: relative;
}
.l-question__list dt {
  font-size: 18px;
  font-weight: 500;
  color: #4b6151;
  line-height: 2;
}
.l-question__list dd {
  font-family: var(--gothi-font);
  font-size: 14px;
  text-align: justify;
  margin-top: 25px;
}
.l-question__list dd * {
	font-family: var(--gothi-font);
}
.l-question__list dt::before,
.l-question__list dd::before {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--gothi-font);
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  line-height: 1;
  width: 1.6em;
  aspect-ratio: 1;
  padding-bottom: 4px;
  position: absolute;
  inset: 0 auto auto 0;
}
.l-question__list dt::before {
  content: 'Q';
  background-color: #4b6151;
}
.l-question__list dd::before {
  content: 'A';
  background-color: #a7a177;
}
.l-question__list dd + dt {
  margin-top: 70px;
}


/*============================
 会社概要
============================*/
.l-company {
  padding-top: 220px;
}
.l-company__inner {
  display: flex;
  justify-content: space-between;
  gap: 40px 0;
  margin-top: 40px;
}
.l-company__textbox {
  flex: 0 0 calc(680 / 1350 * 100%);
}
.l-company__info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
.l-company__title {
  font-size: 22px;
  font-weight: 500;
}
.l-company__profile-img {
  width: 140px;
}
.l-company__profile-name {
  font-size: 12px;
  font-weight: 500;
  text-align: center;
  line-height: 1.75;
  margin-top: 15px;
}
.l-company__text {
  font-size: 13px;
  margin-top: 60px;
}
.l-company__text p {
    line-height: 1.6;
}
.l-company__text > p + p {margin-top: 1em;}
.l-company__img {
  flex: 0 0 calc(600 / 1350 * 100%);
}
.l-company__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1100px;
  margin: 200px auto 0;
}
.l-company__list > * {
  --width: 300px;
  font-weight: 500;
  line-height: 1.65;
  border-bottom: 1px solid #231815;
  padding: 15px 0;
}
.l-company__list dt {
  width: var(--width);
}
.l-company__list dd {
  font-family: var(--gothi-font);
  font-weight: normal;
  width: calc(100% - var(--width));
}


/*============================
 会社案内
============================*/
.l-company-guide {
  display: flex;
  justify-content: space-between;
  gap: 40px 0;
  padding-top: 240px;
}
.l-company-guide__box {
  flex: 0 0 calc(380 / 1350 * 100%);
}
.l-company-guide__list {
  margin-top: 100px;
}
.l-company-guide__list dt {
  font-family: var(--gothi-font);
  font-size: 18px;
}
.l-company-guide__list dd {
  font-family: var(--gothi-font);
  margin-top: 1em;
  line-height: 1.5;
}
.l-company-guide__list dd p {
  font-family: var(--gothi-font);
  margin-bottom: 5px;
}
.l-company-guide__map {
  flex: 0 0 calc(800 / 1350 * 100%);
  height: 350px;
}


/*============================
 SDGs
============================*/
.l-sdgs {
  padding-top: 220px;
}
.l-sdgs__text {
  font-family: var(--gothi-font);
  font-size: 14px;
  margin-top: 65px;
}



/*============================
 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;width: 100%;}
.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: 0;left: 50%;transform: translateX(-50%);display: flex;padding:0;margin: 0;gap: 10px;list-style:none;text-align:center}
.slick-dots li{position:relative;display:inline-block;width: 4px;height: 4px;/* margin: 0 12px; */padding:0;cursor:pointer}
.slick-dots li button{font-size:0;line-height:0;display:block;width: 4px;height: 4px;padding: 3px;cursor:pointer;color:transparent;border:0;outline:none;background: #b5b5b6;border-radius: 50%;}
.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:1700px) {
  .header-right-menu a { min-width: 140px; padding: 12px; }
  .openbtn { top: 21px; right: 30px; }
}

@media(max-width:1600px) {
  .header-menu {gap: 20px;}
	.header-left-menu {
    gap: 8px;
}
  .header-inner {gap: 30px;}
  .cta-btn {
    right: 20px;
}
  .cta-home .cta-btn {
    right: 10px;
    bottom: -20px;
}
}

@media(max-width:1500px) {
  .header-menu {flex-direction: column;gap: 20px;align-items: flex-end;}
  .openbtn { top: 40px; }
  .cta-home .cta-content {gap: 20px;}
  .cta-btn { right: 10px; bottom: 0; }
  .cta-title { font-size: 32px; padding: 0 40px 0 0; }
  .cta-title::after { width: calc(100% + 40px); }
  .top-event-content { gap: 60px; grid-template-columns: 1fr 0.9fr; }
}

@media(max-width:1400px) {
	.cta-text {
			padding-right: 0;
	}
  .cta-btn {
    left: 50%;
    right: auto;
    bottom: -150px;
    translate: -50% 0;
}
  .cta-home .cta-btn {
    right: auto;
    left: 50%;
    bottom: -150px;
    translate: -50% 0%;
}
}

@media(max-width:1300px) {
  .cta-btn {/* right: 0; *//* bottom: -30px; */}
  .top-event-content { gap: 60px; grid-template-columns: 1fr 0.9fr; }
}

@media(max-width: 1200px) {
  .header { padding: 24px 60px 24px 24px; }
  .main-visual-text { font-size: 35px; }
  .main-visual-text-sub { font-size: 18px; letter-spacing: 3px; }
  .top-scroll::before { height: 18px; }
  .top-scroll { height: 65px; }
  .header-logo { width: 160px; }
  .top5-content { align-items: flex-start; }
  .top5 .slick-dots { bottom: -30px; }
  .top5-title { margin: 0 0 80px; }
  .top5-text { margin: 0 0 80px; }
  .cta-left { width: 35%; }
  .cta-content { height: 300px; }
  .cta-btn {/* right: 20px; *//* bottom: 0; */}
  .top-event-content { grid-template-columns: 1fr; width: 92%; max-width: 800px; gap: 100px; }
  .top-event-right .new-icon { top: -25px; }
  #top-work { padding: 180px 0 250px; }
  .top6-video a { margin: 0 30px; }
  .top6-videos { margin: 0 0 80px; }

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

/* イベント情報 */
.new-event-list .blog-list-item {grid-template-columns: 1fr;gap: 20px;}
.new-event-list .blog-list-item a {justify-content: flex-end;}

/* マルトの家づくり */
.service-thoughts__box {
}
.service-thoughts__text-l {
  font-size: 18px;
}
.service-content__textbox {
}

/* 会社概要 */
.l-company__textbox {
}
}

@media(max-width: 1100px) {
.main-text-section { margin: 0; max-width: initial; }
.top2-content {grid-template-columns: 1fr;margin: -50px 0 0;gap: 40px;}
.top2-right {order: -1;max-width: 600px;width: 85%;margin-inline-start: auto;margin-right: 0px!important;}
.top2 .subTit1 { position: static; }
.top2-left { padding: 0; }
.top2-title { margin: 0 0 50px; }
.top2-text {margin: 0 0 40px;}
.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-work-tit-wrap { margin-bottom: 50px; }
.top2-slider {
    width: 100%;
}

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

}

@media(max-width:1024px) {
  .footer-top { flex-direction: column; gap: 80px; margin: 0 0 80px; }
  .footer-left { display: flex; justify-content: space-between; width: 100%; }
  .footer-social { transform: none; }
  .blog-list-item a { gap: 40px; }
  .cta { background: #cdab45; padding: 100px 0; margin: 0 0 160px; }
  .cta-content { height: auto; flex-direction: column; gap: 30px; }
  .cta-right { display: contents; }
  .cta-title { order: -1; padding: 0; }
  .cta-title::before, .cta-title::after { display: none; }
  .cta-left { width: auto; }
  .cta-btn {/* right: 0; *//* left: 0; *//* margin: auto; */bottom: -136px;}
  .top5 { margin: 0; }
  .cta-btn a { border: 2px solid #cdab45; }
  .cta-home .cta-btn a { border-color: #A7A179; }
  #top-blog { margin: 0 0 140px; }
  .cta.cta-home { background: #a7a176; }
  .cta-home .cta-btn {bottom: -120px;}
  .cta-home .cta-title { padding: 0; }
  .slide-arrow { left: 30px; }
  .prev-arrow { left:auto; right: 20px; }
  .cta-home .cta-text {
    margin-bottom: 30px;
}
.cta-text {
    text-align: center;
    margin-bottom: 30px;
}

  /* ブログ一覧 */
  .blog1 { padding: 0 0 160px; }

  /* 施工事例 */
  .works-single {padding: 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%; }

  /* マルトの家づくり */
  .service-content {
    padding-bottom: 100px;
  }
  
  /* 会社概要 */
  .l-sdgs {
    padding-bottom: 100px;
  }
}

@media(max-width: 940px) {
    .openbtn { display: block; top: 10px; }
    .header-menu { display: none; }
    .main-visual-text {/* font-size: 30px; */}
    .top1-content { grid-template-columns: 140px 1fr; }
    .top1-content::before { left: 100px; }
    .top1-title { font-size: 16px; }
    .top1-content-list li a span { font-size: 12px; }
    .main-visual-text-sub { font-size: 16px; letter-spacing: 2px; }
    .performance-list { grid-template-columns: 1fr 1fr; max-width: 550px; margin-inline: auto; }
    .top5-content { flex-direction: column; }
    .top5-left { width: 100%; }
    .top5-right { width: 100%; padding: 0; }
		.top5-right .green-btn a {
				margin-right: auto;
		}
    .top5 .subTit1 { margin: 0 auto 60px; }
    .top6-title { gap: 20px; }
    #top-blog .top-blog-list a {gap: 30px;}
    #top-blog .top-blog-text { padding: 8px 0 0; }
    #top-work .green-btn a {
      margin-right: auto;
  }
  .works_btn_wrap {
      margin-inline: auto;
  }


    /* サブページ共通 */
    .sub-key {padding: 0 0 60px 0;}
    

    /* 会社概要 */
    .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; }


    /* ブログ一覧 */
    #blog1 .blog-list-con1 {margin: 0 0 100px;}
    .blog-list-item a {justify-content: flex-end;}
    .blog-list-item-img { max-width: 100%; width: 740px; }
    .blog-list {margin: 0px auto 16%;}
    .blog-list-item .option-arrow { position: absolute; right: 0; bottom: 120px; }
    .blog-list-item {grid-template-columns: 1fr;gap: 20px;padding: 50px 20px;}

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

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

    /* マルトの家づくり */
    .service-thoughts {
    }
    .service-thoughts__box {
    }
    .service-thoughts__text-l {
        font-size: 16px;
        margin-top: 60px;
    }
    .service-thoughts__text {
        margin-top: 40px;
    }
    .service-content__box {
    }
    .service-content__textbox {
        width: 100%;
        padding-left: 30px;
    }
    .service-content__title::before {
        width: 20px;
        left: -30px;
    }
    .service-content__box + .service-content__box {
        margin-top: 100px;
    }

    /* 会社概要 */
    .l-company__list > * {
      --width: 200px;
    }
}

@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-reverse;gap: 200px;margin: 0 0 100px;position: relative;}
  .footer-logo {margin: 0;}
  .footer-social {justify-content: flex-start;padding: 0;position: absolute;top: 44%;}
  .footer-container { max-width: 86%; position: relative; }
  .footer-nav {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));width: 100%;}
  .nav-column:nth-child(2) {order: 2;}
  .nav-column:nth-child(3) {order: 4;}
  .nav-column:nth-child(4) {order: 6;}
  .nav-column:nth-child(5) {order: 1;}
  .nav-column:nth-child(6) {order: 3;}
  .nav-column:nth-child(7) {order: 5;}
  .nav-column:nth-child(8) {order: 8;transform: none;}
  .nav-column:last-child {order: 7;}
  .footer-left { flex-direction: column-reverse; gap: 100px; }
  .footer-bottom { padding: 0; }
  .top-about-content { gap: 50px; grid-template-columns: 1fr; }
  .top-about-left { gap: 40px; }
  .top-blog-list { margin: 0 0 40px; }
  .top-event { padding: 0 0 220px; }
  .top4-title { font-size: 18px; letter-spacing: 1px; }
  .top4-content { height: 70vh; }
  .top4-text { margin: 0 0 90px; }
  .top-work-list {max-width: 100%;margin: 40px auto 90px;}
  .top-work-list li:nth-child(n+4) { left: auto; }
  .top-work-tit-wrap { grid-template-columns: 100px 250px 0.85fr; }
  .top-work .slick-list { padding: 30px 20px 0; }
  .new-icon {left: 0;top: -30px;}
  .top-work-list li a { margin: 0px 30px; }

  /* ブログ一覧 */
  .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;}

  /* イベント情報 */
  .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; }
}

@media(max-width: 768px) {
  .footer-nav { gap: 50px; }
  .top-blog-left, .top-blog-right { max-width: initial; }

  .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; }
  .main-description { font-size: 14px; }
  .main-title { font-size: 24px; }
  #top-blog {margin: 0;padding: 120px 0;}
  .top-blog-content {gap: 120px;grid-template-columns: 1fr;}
  .top-blog-title { width: 90%; }
  #top-blog .top-blog-list--event a {
    align-items: flex-start;
    height: auto;
    padding: 25px 0;
}
.top-blog-list .top-blog-list-date {
    position: relative;
    inset: auto;
}
.top-blog-list--event a figure {
    max-width: 30%;
}
#top-blog .top-blog-list--event .top-blog-text {
    padding: 0;
}
#top-blog .top-blog-list--blog a {
    height: auto;
    padding: 0 0 25px;
}
.top-blog-list.top-blog-list--blog .top-blog-list-date {
    text-align: right;
    margin-bottom: 5px;
}
  #top-staff::before { height: 100%; top: 0; }

  .top-work-list .next-arrow {
    right: auto;
    left: 20px;
}

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

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

/* お問い合わせ */
.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; }
.works-date-wrap {
      flex-wrap: wrap;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
}

/* マルトの家づくり */
.service-thoughts {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}
.service-thoughts__box {
    display: contents;
}

.service-thoughts .c-title01 {
    order: -2;
}
.service-content__box {
    flex-direction: column;
}
.service-thoughts__img {
	width: 90%;
	order: -1;
	margin: 40px -8% 0 auto;
}
.service-content__textbox {
    display: contents;
}
.service-content__text {
    /* margin-top: 0; */
    text-align: justify;
    padding-left: 0;
}
.service-content__title {
    order: -2;
    margin-left: 30px;
}
.service-content__img {
    order: -1;
    width: 90%;
    margin: 40px -8% 0 auto;
}
.service-content__textbox > * + * {
    margin-top: 0;
}
.service-content__toggle {
	margin-inline: auto;
}

/* 会社概要 */
.l-company__inner {
  flex-direction: column;
  margin-top: 0;
}
.l-company__textbox {
    width: 100%;
}
.l-company__info {
    margin-top: 60px;
}
.l-company-guide__box {
}

}

@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; */gap: 10px;}
.header-logo { width: 160px; }
.main-visual img {height: 100vh;}
.main-visual .main-visual-image--4 img { object-position: 60% center; }
.main-visual-text {right: 6%;left: auto;top: auto;bottom: 0;transform: none;}
.main-visual-text-sub { font-size: 16px; bottom: 30px; }
.top-scroll { height: 45px; display: none; }
.top-scroll::before { height: 13px; }
.top1-content { grid-template-columns: 1fr; gap: 40px; padding: 0; }
.top1-content-list { padding: 10px 0 10px 30px; margin: 0 0 0 30px; border-left: 1px solid #fff; }
.top1 { padding: 60px 8px 80px; }
.top2 {padding: 100px 0 120px;}
.top1-content::before { width: 0; height: 0; /* left: 33px; */ /* top: 65px; */ }
.top1-content-list li a { flex-wrap: nowrap; line-height: 1.8; flex-direction: column; gap: 0; }
.subTit1 { font-size: 16px; letter-spacing: 1px; }
.subTit1::after { font-size: 10px; }
.top2-title { font-size: 18px; letter-spacing: 2px; margin: 0 0 30px; }
.top5-title { /* font-size: 20px; */ letter-spacing: 3px; margin: 0 0 60px; }
.top5 {margin: 0;position: relative;background: #f0ede6;padding: 40px 0 100px;}
.top5-title { position: absolute; top: 13%; left: 0; right: 0; font-weight: normal; font-size: 24px; margin: 0; }
.top5-content {gap: 40px;}
.top5 .center1400 {max-width: 84%;}
.top5-right { max-width: 88%; margin-inline: auto; }
.openbtn { right: 30px; }
.phone-image { width: 100px; }
.phone-section { flex: 1; }
.scroll { font-size: 12px; line-height: 1; }

.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; }

/* ブログ詳細 */
#ez-toc-container {margin: 100px 0 100px !important;}

/* 施工事例 */
.works-single-navi {}
.works-single-title { font-size: 24px; letter-spacing: 4px; }
.works-single-content, .works-garalley-text { font-size: 14px; }
.specification-wrap {grid-template-columns: 1fr;gap: 40px;padding: 40px 30px;margin-bottom: 100px;}
.works-single-content { gap: 100px;}
.works-single-content-title { margin-bottom: 40px;}
.works-single-gallery-wrap { gap: 20px;}
.works-single-gallery-wrap + .works-single-gallery-wrap {
	margin-top: 20px;
}
.works-cats-list-item {
    width: calc((100% - 10px) / 2);
}
.works-cats-list {
    max-width: 270px;
    margin-inline: auto;
}
.center1200.works-icach {
    width: 100%;
    max-width: 100%;
}
/* イベント情報 */
.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 { padding: 0 0 200px; }
.new-event-list .blog-list-item-content {flex-direction: column;}
.new-event-list .blog-list-thumbnail {width: 100%;}
.center1400.event-info {
    width: 100%;
    max-width: 100%;
}

/* 汎用 */
.c-title01--deco {
    padding-left: calc(1em + 10px);
}
.c-title01--deco::before {
    right: auto;
    left: 0;
}

/* マルトの家づくり */
.cta-text01 {
    font-size: 16px;
}

/* よくある質問 */
.l-question__text {
    margin-top: 60px;
    margin-bottom: 80px;
}
.l-question__list {
    margin-top: 40px;
}
.l-question__list dt, .l-question__list dd {
    padding-left: 40px;
}
.l-question__list dt {
    line-height: 1.5;
}
.l-question__list dt::before, .l-question__list dd::before {
    font-size: 18px;
}

/* 会社概要 */
.l-company__info {
  flex-direction: column;
  align-items: flex-start;
  max-width: 400px;
  margin-inline: auto;
}
.l-company__profile {
    align-self: flex-end;
}
.l-company__list {
    margin-top: 100px;
}
.l-company__list dt {
    width: 100%;
}
.l-company__list dd {
    width: 100%;
    border-bottom: 0;
    font-size: 14px;
    line-height: 1.5;
}
.l-company {
    padding-top: 100px;
}
.l-company-guide {
    flex-direction: column;
    padding-top: 100px;
}
.l-sdgs {
    padding-top: 100px;
}
.l-company-guide__box {
}
.l-company-guide__map {
    width: 100%;
    flex: 0 1 auto;
}
.l-company-guide__list {
    margin-top: 60px;
}

}

@media(max-width: 550px) {
  .block550 { display: block; }
  .none550 { display: none; }
  .mobile-menu .footer-container { width: 86%; }
  .nav-column:nth-child(2),.nav-column:nth-child(6) {/* transform: translateY(-24px); */}
  .nav-column:nth-child(3), .nav-column:nth-child(7) {/* transform: translateY(-44px); */}
  .nav-column:nth-child(4), .nav-column:nth-child(8) {/* transform: translateY(-44px); */}
  .footer-left { gap: 80px; }
  .footer-social {top: 43%;left: 17.5px;}
  .footer { padding: 60px 0; margin: 140px 0 0; }
  .footer-top {gap: 110px;}
  .nav-column > menu > li > a { font-size: 13px; }
  .performance-item-title { font-size: 22px;  }

.top2 .center1400 {margin-right: 0;max-width: 92%;}
.top2 .center1200 { margin-right: 0; max-width: 90%; }
.top2-left { max-width: 92%; }
.top2 .green-btn a {/* margin-inline-start: auto; */}
.top3 {padding-bottom: 230px;}
.top3 .subTit1.bottom { margin-left: 0; }
.subTit1.bottom {margin: 0 0 30px 0;transform: translateY(-90px);}
.subTit1.bottom.subTit1--cost {transform: translateY(0);}
.subTit1.bottom::after { left: 40px; margin: 0; top: 5px; bottom: auto; }
.scroll::before { height: 100px; bottom: -120px; }
.performance-list {grid-template-columns: 1fr;gap: 20px;max-width: 80%;}
.performance-item { aspect-ratio: 1.8 / 1; }
.top3-text {text-align: left;width: 90%;margin-inline-start: auto;margin: 0 auto 60px;letter-spacing: 1px;}
.top3 .green-btn {/* margin-inline-end: 0; */}
.top4-title { font-size: 15px; }
.top4-container { margin: 0; padding: 100px 0; }
.top4-content { height: 100vh; padding: 0; }
.top4-text { margin: 0 0 300px; font-size: 12px; }
.top4 .white-btn a { margin-inline: auto; }
.top-work-list li a { margin: 0 20px; }
.top-work .slick-list { padding-top: 40px!important; }
.top-work .green-btn {
    margin: 0 auto!important;
}
.top5-btn { max-width: 100%; width: 320px; /* margin-inline: auto; */ }
.top5-title {top: 12%;}
.cta {margin: 0 0 140px;padding: 40px 0 70px;}
.cta-title {font-size: 22px;letter-spacing: 2px;}
.cta-title span {
    font-size: .7em;
}
.cta .center1400 { max-width: 92%; }
.cta-text {font-size: 12px;padding: 0;}
.cta-text::before { top: 5px; left: 4px; width: 16px; height: 16px; }
.cta-left { max-width: 290px; }
.cta-content { gap: 18px; }
.top6 { padding: 70px 0 50px; }
.top6-tit {font-size: 20px;letter-spacing: 1px;display: flex;align-items: center;}
.top6-tit span { padding: 0 0 0 4px; }
.top6-tit::before {height: 38px;width: 35px;margin-right: 10px;}
.top6-title { justify-content: center; gap: 30px; margin: 0 0 60px; }
.slide-arrow { left: 16px; /* width: 20px; */ }
.prev-arrow { left: auto; right: 16px; }
.sns-section { flex-direction: column; gap: 20px; }
.top6-tit-text { font-size: 12px; text-align: center; letter-spacing: 1px; }
.top6-video a { margin: 0 20px; }
.top6-videos { margin: 0 0 60px; }
.foot-link-content { grid-template-columns: 1fr; max-width: 280px; width: 100%; margin-inline: auto; gap: 40px; }
.cta.cta-home { margin: 0 0 200px; }
.foot-link-left img { max-width: 170px; }
.foot-link-content > div a { padding: 40px 0 50px; }
.foot-link-content > div.foot-link-right a { padding-top: 45px; }
  .contact-description { margin: 0 0 80px; font-size: 14px; }
  .contact-title { font-size: 24px; }
  .contact-vertical-text { font-size: 40px; }
  .top-event-right .top-blog-list a .new-icon { top: 10px; }
  .top-blog-title { width: 100%; font-size: 28px; letter-spacing: 3px; }
  .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: 24px; */line-height: 1.6;letter-spacing: 4px;text-shadow: 4px 4px 6px #757474;}
  .nav-column a { font-size: 12px; }
  .nav-column ul.sub-menu a {font-size: 12px;}
  .nav-column ul.sub-menu--nowrap a {
    white-space: nowrap;
}
  .new-icon {width: 50px;height: 50px;font-size: 12px;/* top: -20px; *//* left: 30px; */aspect-ratio: 1;display: grid;}
  .scroll {left: auto;right: 60px;/* bottom: 20px; */top: -80px;}
  .tar.top-event-list-des {font-size: 12px;text-align: left;}
  .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-blog-list--blog .top-blog-list-title {
    margin-bottom: 20px;
}
  .top-about-left { padding: 0px 0 0 12%; }
  #top-blog .option-text { font-size: 14px; }
  .top-event .top-blog-list a figure { order: 2; }
  .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-work {padding: 130px 0 240px;}
  .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: 16px; }
  .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: 16px;letter-spacing: 3px;bottom: 12%;left: 30px;}

/* ブログ一覧 */
.blog-list-btn { padding: 24px 28px 24px 46px; }
.blog-list-item a {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;}


/* 施工事例 */
.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 {grid-template-columns: 1fr;gap: 60px 12px;padding: 0 0 100px;}
.works-single-navi .option-arrow { width: 35px; height: 35px; }
.works-single-navi {margin: 100px 0 0;}
#works1 .new-icon {
    left: -20px;
}


/* イベント情報 */
.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-intro { margin: 0 0 120px; font-size: 14px; }
.event-single-map p { font-size: 14px; }


/* プライバシーポリシー */
.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) {
  .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; }

  .footer {padding: 60px 0 20px;}
  .footer-logo .logo {margin: 0 0 20px;}
  .footer-nav {gap: 30px 20px;}
  .header-logo {width: 120px;}
  .main-title { font-size: 20px; }

  .none480 { display: none; }
  .openbtn { top: 8px; }
  .scroll {right: 40px;left: auto;}
  .sns-section { flex-direction: column; }
  .sns-title::after { display: block; margin: 20px auto 0; }
  .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-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; */} }

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



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

}

@media(max-width:450px){
}



@media(max-width:420px) {
}

@media(max-width:380px) {
    .footer-nav {
        gap: 30px 0;
    }
}



/* ネイティブ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:not(:is(.cta-content *)) {margin: 0 0 20px;font-family: var(--gothi-font);font-size: 14px;line-height: 2.3;}
.single a:not(:is(.cta-content *)) {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:not(:is(.cta-content *)) {font-size: 1.3em;margin: 60px 0;font-family: var(--gothi-font);}
.single h3 {font-size: 1.25em;margin: 80px 0 40px;font-family: var(--gothi-font);}
.single h4 {font-size: 1em;margin: 40px 0 16px;font-family: var(--gothi-font);}
.single h5 {font-size: 0.8em; }
.single h6 {font-size: 0.6em; }
.single figure:not(:is(.cta-content *)) {
  margin: 0px 0 80px;
}
.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; }
}