/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
汎用
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
body {position: relative; min-width: 100%; min-height: 100vh; opacity: 0; transition: .5s ease; z-index: 0;}
body:before {content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; min-height: 100%; background: url(../img/common/contact-sec-back.jpg) center/cover no-repeat; z-index: -1;}
main {background: #fff; padding: 1px 0;}

body.body-display,
body.loader-display {opacity: 1;}

body.loader-display {overflow: hidden;}
body.loader-step02 {overflow-y: auto;}

body.loader-display #loader {visibility: visible;}
body.loader-step02 #loader {transform: translateY(-100%); transition: transform .75s 2s;}

body.loader-step01 #loader .inner {opacity: 1;}
body.loader-step02 #loader .inner {opacity: 0;}

/*ロード*/
#loader {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #fff; z-index: 9999; visibility: hidden;}
#loader .inner {position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; transition: 2s ease; opacity: 0;}
#loader .inner .logo-load {position: relative;}
#loader .inner p {font-weight: 700; letter-spacing: 5px; margin: 10px 0 24px;}
#loader .inner .spinner {margin: 0 auto; width: 70px; text-align: center;}
#loader .inner .spinner > div {display: inline-block; width: 14px; height: 14px; background: #79ad4b; border-radius: 100%; animation: sk-bouncedelay 1.5s infinite ease-in-out both;}
#loader .inner .spinner .bounce1 {animation-delay: -.32s;}
#loader .inner .spinner .bounce2 {animation-delay: -.16s;}
@keyframes sk-bouncedelay {0%, 80%, 100% {transform: scale(0);} 40% {transform: scale(1.0);}}

/*clearfix*/
.cf:after {content: ""; display: block; clear: both; visibility: hidden;}

.flex {display: flex;}

/*コンティナ*/
.container {width: 90vw; margin: 0 auto;}

/*テーブルスクロール*/
.scroll-table {overflow: auto; white-space: nowrap;}

/*明朝*/
.serif,
.serif *,
#single h2,
#single h3,
#single h4,
#single h5,
#single h6 {font-family: YakuHanMP, "Hiragino Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", YuMincho, "Noto Serif JP", serif; font-weight: 400;}

/*フォーム*/
textarea,
input[type="email"],
input[type="tel"],
input[type="text"] {display: block; width: 100%; padding: 4px 8px; border: 2px solid #ddd; box-sizing: border-box; border-radius: 4px; resize: vertical; transition: border-color .3s;}
textarea:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus {border-color: #79ad4b;}
input[type="submit"] {display: block; color: #fff; letter-spacing: 2px; min-width: 240px; margin: 0 auto; padding: 18px 20px; background: #79ad4b; border: 1px solid #79ad4b; border-radius: 8px; transition: .4s ease;}
input[type="submit"]:hover {color: #79ad4b; background: #fff;}

/*画像拡大*/
.lum-lightbox {background: rgba(0,0,0, .8); cursor: pointer; z-index: 100;}
.lum-lightbox-inner {top: 2.5%; right: 2.5%; bottom: 2.5%; left: 2.5%;}
.lum-lightbox-inner img {position: relative;}
.lum-lightbox-loader:before,
.lum-lightbox-loader:after {content: ""; display: block; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -10px; border-radius: 20px; background: rgba(255,255,255, .9);}
.lum-lightbox-loader:before {left: 0; animation: lum-loader-before .18s infinite linear;}
.lum-lightbox-loader:after {right: 0; animation: lum-loader-after .18s infinite linear; animation-delay: -.09ms;}
.lum-lightbox.lum-opening {animation: lum-fade .5s ease;}
.lum-lightbox.lum-opening .lum-lightbox-inner {animation: lum-fadeZoom .5s ease;}
.lum-lightbox.lum-closing {animation: lum-fade .5s ease-in; animation-direction: reverse;}
.lum-lightbox.lum-closing .lum-lightbox-inner {animation: lum-fadeZoom .5s ease-in; animation-direction: reverse;}
.lum-img {margin: 0 auto; transition: opacity .2s ease;}
.lum-loading .lum-img {opacity: 0;}
.lum-gallery-button {display: none;}

@keyframes lum-fade {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes lum-fadeZoom {
	0% {transform: scale(.9); opacity: 0;}
	100% {transform: scale(1); opacity: 1;}
}

@keyframes lum-loader-rotate {
	0% {transform: translate(-50%, -50%) rotate(0);}
	50% {transform: translate(-50%, -50%) rotate(-180deg);}
	100% {transform: translate(-50%, -50%) rotate(-360deg);}
}
@keyframes lum-loader-before {
	0% {transform: scale(1);}
	10% {transform: scale(1.2) translateX(6px);}
	25% {transform: scale(1.3) translateX(8px);}
	40% {transform: scale(1.2) translateX(6px);}
	50% {transform: scale(1);}
	60% {transform: scale(0.8) translateX(6px);}
	75% {transform: scale(0.7) translateX(8px);}
	90% {transform: scale(0.8) translateX(6px);}
	100% {transform: scale(1);}
}
@keyframes lum-loader-after {
	0% {transform: scale(1);}
	10% {transform: scale(1.2) translateX(-6px);}
	25% {transform: scale(1.3) translateX(-8px);}
	40% {transform: scale(1.2) translateX(-6px);}
	50% {transform: scale(1);}
	60% {transform: scale(0.8) translateX(-6px);}
	75% {transform: scale(0.7) translateX(-8px);}
	90% {transform: scale(0.8) translateX(-6px);}
	100% {transform: scale(1);}
}

/*--------------------------------------------------------------------------
部品
--------------------------------------------------------------------------*/
/*汎用ヘッダー*/
.g-h span {display: block; text-align: center; line-height: 1.25;}
.g-h span.big {font-weight: 700; letter-spacing: 3px; margin-bottom: 8px;}
.g-h span.small {letter-spacing: 2px;}
.g-h.arc {display: flex; justify-content: center; align-items: center;}
.g-h.arc span.cat {color: #fff; font-size: .825rem; line-height: 1; background: #79ad4b; padding: 6px 12px;}

/*MORE*/
.more {position: relative; display: inline-flex; justify-content: center; align-items: center; text-align: center; border: 1px solid #79ad4b;}
.more span {position: relative; line-height: 1; color: #79ad4b; font-weight: 700; transition: .3s ease-in-out; z-index: 2;}
.more:after {position: absolute; content: ''; display: block; bottom: 0; left: auto; right: 0; width: 0; height: 100%; background: #79ad4b; z-index: 1; transition: .3s ease;}
.more .arrow {position: relative; width: 28px; height: 5px; margin-left: 16px; transition: .4s ease; overflow: hidden; z-index: 2;}
.more .arrow:before,.more .arrow:after {position: absolute; content: ''; display: block; bottom: 0;}
.more .arrow:before {right: 0; width: 28px; height: 1px; background: #79ad4b;}
.more .arrow:after {right: -2px; width: 0; height: 0; border-style: solid; border-width: 4px 0 0 10px; border-color: transparent transparent transparent #79ad4b;}

/*MORE-White*/
.more.white {border-color: #fff;}
.more.white span {color: #fff;}
.more.white:after {background: #fff;}
.more.white .arrow:before {background: #fff;}
.more.white .arrow:after {border-color: transparent transparent transparent #fff;}

/*MORE-black*/
.more.black {border-color: #333;}
.more.black span {color: #333; text-shadow: 1px 1px 1px #fff;}
.more.black:after {background: #fff;}
.more.black .arrow:before {background: #333;}
.more.black .arrow:after {border-color: transparent transparent transparent #333;}

/*MORE-green*/
.more.green {border-color: #79ad4b; background: #79ad4b;}
.more.green span {color: #fff;}
.more.green:after {background: #fff;}
.more.green .arrow:before {background: #fff;}
.more.green .arrow:after {border-color: transparent transparent transparent #fff;}

.back {text-align: center;}

/*次のページ*/
.next-sec {position: absolute; left: 50%; transform: translate(-50%,0); color: #fff; font-weight: 700; z-index: 2;}
.next-sec:after {content: ""; position: absolute; width: 10px; height: 10px; left: 0; right: 0; bottom: -10px; margin: auto; border-bottom: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg);}
.next-sec.black {color: #333;}
.next-sec.black:after {border-color: #333;}

/*TOPに戻る*/
#scroll {display: flex; justify-content: center; align-items: center; flex-direction: column; position: fixed; bottom: 10px; right: 10px; background: #79ad4b; opacity: 0; transform: translateX(150%); z-index: 100;}
#scroll div {transition: .3s ease;}
#scroll .top {background: #fff; transform-origin: top left;}
#scroll .arrow {border-top: solid; border-right: solid; border-color: #fff; transform: rotate(-45deg) translate(0,0);}
#scroll:hover {cursor: pointer; opacity: 1;}
#scroll:hover .top {transform: scale(1,0);}
#scroll:hover .arrow {transform: rotate(-45deg) translate(3px,-3px);}
#scroll.active {opacity: 1; transform: translateX(0);}

/*セクションスクロールナビ*/
#menu {position: fixed; top: 50%; transform: translate(0,-50%); z-index: 100;}
#menu li {margin: 12px 0;}
#menu li a {display: block; width: 8px; height: 8px; background: #fff; border-radius: 50%;}
#menu li.active a {background: transparent; box-shadow: 0 0 0 2px #fff;}

/*SNS*/
.sns a {display: flex; justify-content: center; align-items: center; position: relative; width: 50px; height: 50px; margin-right: 15px; background: #fff; border-radius: 50%; transition: .3s ease-in-out;}
.sns a:last-child {margin-right: 0;}
.sns a.fb img,
.sns a.fb svg {width: 13px;}
.sns a.tw img,
.sns a.tw svg {width: 27px;}
.sns a svg path {fill: #325e35; transition: .2s ease-in-out;}
.sns a:hover {opacity: 1; background: #79ad4b;}
.sns a:hover svg path {fill: #fff;}

/*コンタクトボックス*/
.contact-box .inner {margin: 0 auto; background: #fff; border-radius: 10px; box-sizing: border-box;}
.contact-box .right {text-align: center;}
.contact-box .right a.top {display: block;}
.contact-box .right a.top * {font-weight: 700; line-height: 1; transition: .3s ease;}
.contact-box .right a.top:hover {opacity: 1;}
.contact-box .right a.top:hover * {color: #79ad4b;}
.contact-box .right a.top .tel {justify-content: center; align-items: center; letter-spacing: 4px; margin-bottom: 10px; padding: 18px 15px; border-bottom: 1px solid #79ad4b;}

/*パンくず*/
#breadcrumbs {background: #eee; padding: 12px 0;}
#breadcrumbs ul {justify-content: center;}
#breadcrumbs ul li {font-size: .925rem; margin: 0 4px;}
#breadcrumbs ul li a:hover {color: #79ad4b; opacity: 1;}

/*ページネーション*/
#paginate {width: 100%;}
#paginate .number {align-items: center; flex-wrap: wrap;}
#paginate .number a,
#paginate .number span {display: flex; justify-content: center; align-items: center; font-size: .95rem; width: 40px; height: 40px; margin: 0 4px 4px 0; box-sizing: border-box;}
#paginate .number span.current {color: #79ad4b; border-bottom: 2px solid #79ad4b;}
#paginate .number a:hover {color: #fff; background: #79ad4b; opacity: 1;}
#paginate .arrow a,
#paginate .arrow span {display: none;}
#paginate .arrow a.prev,
#paginate .arrow a.next {display: block; padding: 12px;}
#paginate .arrow a img {width: 16px;}

/*ブログ*/
.blog-list .entry:nth-child(even) {margin-right: 0;}
.blog-list .entry .img {display: block; position: relative; width: 100%; height: auto; max-height: 500px; overflow: hidden; z-index: 1;}
.blog-list .entry .img:hover {opacity: 1;}
.blog-list .entry .img > img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit: cover; object-position: 50% 50%;";}
.blog-list .entry .img:hover > img {transform: scale(1.05);}
.blog-list .entry .img .filter {position: absolute; top: 0; left: 0; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%; background: rgba(51,51,51, .6); opacity: 0; transition: .5s ease; z-index: 3;}
.blog-list .entry .img .filter img {width: 54px; margin-bottom: 8px;}
.blog-list .entry .img .filter p {color: #fff; font-size: .9rem; font-weight: 700;}
.blog-list .entry .img:hover .filter {opacity: 1;}
.blog-list .entry .img .cat {position: absolute; bottom: 0; right: 0; background: #79ad4b; padding: 6px 16px; line-height: 1; z-index: 2;}
.blog-list .entry .img .cat span {display: inline-block; color: #fff; font-size: .8rem; line-height: 1; margin-right: 10px;}
.blog-list .entry .img .cat span:last-child {margin-right: 0;}
.blog-list .entry .state {box-sizing: border-box;}
.blog-list .entry .state h3 a {font-size: 1.25rem; font-weight: 700; line-height: 1.5;}
.blog-list .entry .state .time,
.blog-list .entry .state .writer {display: inline-block; color: #828282; line-height: 1;}
.blog-list .entry .state .time {font-size: .85rem; margin: 18px 0 14px;}
.blog-list .entry .state .writer {font-size: .725rem; margin-top: 15px;}
.blog-list .entry .state *:hover {color: #79ad4b; opacity: 1;}
.blog-list .entry.wide {display: none;}

/*分譲地*/
.lands-list .entry {margin-bottom: 100px;}
.lands-list .entry .head {position: relative; margin-bottom: 50px;}
.lands-list .entry .img {position: relative; width: 100%; z-index: 1;}
.lands-list .entry .img img {object-fit: cover; object-position: 50% 50%; font-family: "object-fit: cover; object-position: 50% 50%;";}
.lands-list .entry:nth-child(odd) .img {right: -5vw;}
.lands-list .entry:nth-child(even) .img {left: -5vw;}
.lands-list .entry:nth-child(odd) .img img {margin-left: auto;}
.lands-list .entry:nth-child(even) .img img {margin-right: auto;}
.lands-list .entry .state {position: absolute; left: 0; background: #fff; border-top: 5px solid #79ad4b; z-index: 2;}
.lands-list .entry .state .h-l {line-height: 1.25; font-weight: 700;}
.lands-list .entry .state .cat {display: block; font-size: .95rem; line-height: 1;}
.lands-list .entry .state .more {float: right;}
.lands-list .entry:nth-child(even) .state {right: 0; left: auto;}
.lands-list .entry .content .catch {line-height: 1.5;}
.lands-list .entry .content .excerpt {text-align: justify;}
.lands-list .entry .content .block {margin: 0 auto 25px;}
.lands-list .entry .content .g-map .acf-map {height: 50vw; min-height: 280px; max-height: 360px;}
.lands-list .entry .content .g-map .address {font-size: .95rem; text-align: right; margin-top: 4px;}

/*2カラム*/
.two-col .sidebar {box-sizing: border-box;}

/*サイドバー*/
.sidebar h2 {font-size: 1.25rem; font-weight: 700; margin: 15px 0;}
.sidebar article {margin-bottom: 40px;}

.sidebar .newpost a:hover,
.sidebar .author-list a:hover,
.sidebar .cat-list a:hover,
.sidebar .tag-list a:hover {opacity: 1;}

.sidebar .newpost .entry {margin-bottom: 18px;}
.sidebar .newpost .entry .img {min-width: 54px; max-width: 54px; max-height: 54px; min-height: 54px; border-radius: 50%; margin-right: 12px; overflow: hidden;}
.sidebar .newpost .entry .img img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit: cover; object-position: 50% 50%;";}
.sidebar .newpost .entry .state * {display: block; transition: .3s ease;}
.sidebar .newpost .entry h3 {font-size: .975rem; line-height: 1.5;}
.sidebar .newpost .entry .time {color: #828282; font-size: .75rem; line-height: 1; margin-top: 6px;}
.sidebar .newpost .entry:hover .img img {transform: scale(1.2);}
.sidebar .newpost .entry:hover .state * {color: #79ad4b;}

.sidebar .author-list ul {margin: -6px 0;}
.sidebar .author-list li {border-bottom: 1px solid #ddd;}
.sidebar .author-list li:last-child {margin-bottom: 0; border-bottom: none;}
.sidebar .author-list a {position: relative; display: block; font-size: .95rem; padding: 6px 6px 6px 30px;}
.sidebar .author-list a:before {content: ""; position: absolute; left: 8px; top: 12px; width: 12px; height: 12px; background: #ddd; transition: .3s ease;}
.sidebar .author-list a:hover {color: #79ad4b;}
.sidebar .author-list a:hover:before {background: #79ad4b;}

.sidebar .cat-list a {justify-content: space-between; align-items: center; padding: 6px 8px;}
.sidebar .cat-list a span {font-size: .95rem; line-height: 1.5; transition: .3s ease;}
.sidebar .cat-list a span:last-child {color: #828282; font-size: .75rem;}
.sidebar .cat-list a:hover {background: #79ad4b;}
.sidebar .cat-list a:hover span {color: #fff;}

.sidebar .tag-list ul {flex-wrap: wrap; margin: 0 5px;}
.sidebar .tag-list li {margin: 5px;}
.sidebar .tag-list a {display: flex; align-items: center; color: #79ad4b; font-size: .8rem; line-height: 1.5; padding: 3px 8px; border: 1px solid #79ad4b;}
.sidebar .tag-list a:hover {color: #fff; background: #79ad4b;}

/*--------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/
header .logo {position: fixed; height: auto; z-index: 9003;}
header .logo .st0,
header .logo .st1,
header .logo .st2 {transition: fill .3s ease .5s;}
.open-menu header .logo .st0,
.open-menu header .logo .st1,
.open-menu header .logo .st2 {fill: #fff; transition: fill .3s ease .3s;}

header #full-navi {display: inline-flex; align-items: center; flex-direction: column; width: 100%; height: 100%; position: fixed; top: 0; left: 0; transition: .5s ease; opacity: 0; visibility: hidden; z-index: 9002;}
header #full-navi * {color: #fff;}
header #full-navi .g-navi a {font-weight: 700;}
header #full-navi .g-navi a:hover {color: #325e35; opacity: 1;}
header #full-navi .contact {text-align: center; background: #325e35; border-radius: 14px; box-sizing: border-box;}
header #full-navi .contact a.top {display: block; border-bottom: 1px solid #fff;}
header #full-navi .contact a.top * {transition: .3s ease;}
header #full-navi .contact a.top:hover * {color: #79ad4b; opacity: 1;}
header #full-navi .contact a.top .tel {font-weight: 700; letter-spacing: 3px; line-height: 1; margin-bottom: 10px;}
header #full-navi .contact a.top .tel span {line-height: 1;}
.open-menu header #full-navi {transition: .5s ease .5s; opacity: 1;visibility: visible;}

header #humberger {position: fixed; width: 40px; height: 40px; z-index: 9002;}
header #humberger:hover {cursor: pointer;}
header #humberger div {position: absolute; width: 40px; height: 3px; left: 0; background: #fff; border-radius: 3px; transition: .5s ease; transition-property: top, transform; transform-origin: center center;}
header #humberger div:nth-child(1) {top: 8px; transition-delay: .5s,0s;}
header #humberger div:nth-child(2) {top: 18px; transition: opacity .3s ease .5s;}
header #humberger div:nth-child(3) {top: 28px; transition-delay: .5s,0s;}
.open-menu header #humberger div {transition-delay: 0s,.5s;}
.open-menu header #humberger div:nth-child(1) {top: 18px; transform: rotate(45deg);}
.open-menu header #humberger div:nth-child(2) {opacity: 0;}
.open-menu header #humberger div:nth-child(3) {top: 18px; transform: rotate(-45deg);}

header #toggle-back {position: fixed; top: -10px; right: -10px; transform-origin: top right; z-index: 9001; pointer-events: none;} 
header #toggle-back path {fill: #79ad4b; pointer-events: fill;}

.open-menu header #toggle-back {animation: toggle-back-open 2s ease forwards;}
.close-menu header #toggle-back {animation: toggle-back-close 1s ease forwards;}

/*--------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/
footer {background: #325e35;}
footer * {color: #fff;}
footer .container {flex-wrap: wrap; position: relative;}

footer .left .logo {margin-bottom: 40px;}
footer .left .logo .logo-icon,
footer .left .logo .logo-jp {width: auto;}
footer .left .logo .st0,
footer .left .logo .st1,
footer .left .logo .st2 {fill: #fff;}
footer .left p {margin-bottom: .5rem;}
footer .left .follow {align-items: center; margin-top: 30px;}
footer .left .follow p {font-size: .9rem; font-weight: 700; letter-spacing: 4px; margin: 0 15px 0 0;}
footer .right > ul > li {font-size: .95rem;}
footer .right > ul > li > ul {margin-left: 16px;}
footer .right > ul > li > ul > li {position: relative; font-size: .95rem; margin: .625rem 0;}
footer .right > ul > li > ul > li:before {position: absolute; content: ''; display: block; top: 10px; left: -11px; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5px; border-color: transparent transparent transparent #fff;}
footer .copyright {width: 100%; font-size: .85rem; letter-spacing: 3px;}

/*--------------------------------------------------------------------------
----------------------------------------------------------------------------
----------------------------------------------------------------------------
テンプレ＆固定ページ
----------------------------------------------------------------------------
----------------------------------------------------------------------------
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
TOPページ
--------------------------------------------------------------------------*/
#front .sec01,
#front .sec02,
#front .sec03 {background-position: center; background-size: cover; background-color: #79ad4b; background-repeat: none;}
#front .sec04 {background: #fff; padding: 1px 0;}
#front .pp-scrollable {overflow-x: hidden;}
#front .sec-scroll {width: 100vw; height: 100%;}
#front .sec-scroll .inner {width: 100vw; height: 100%; position: relative; z-index: 1;}
#front .sec-scroll .txt {position: absolute; z-index: 2;}
#front .sec-scroll .txt h1,
#front .sec-scroll .txt h2,
#front .sec-scroll .txt p {color: #fff; font-weight: 700; text-shadow: 10px 10px 30px rgba(0,0,0, .25), -10px -10px 30px rgba(0,0,0, .25), 1px 1px 1px rgba(0,0,0, .75);}
#front .sec-scroll .txt h1,
#front .sec-scroll .txt h2 {line-height: 1.25;}
#front .sec-scroll .txt p {font-size: 1.025rem;}
#front .sec-scroll.sec03 .txt h2,
#front .sec-scroll.sec03 .txt p {color: #333; text-shadow: 10px 10px 30px rgba(255,255,255, .25), -10px -10px 30px rgba(255,255,255, .25), 1px 1px 1px rgba(255,255,255, .75);}

#front .content-link .entry {position: relative;}
#front .content-link .entry:hover {opacity: 1;}
#front .content-link .entry .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1;}
#front .content-link .entry .img img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; font-family: "object-fit: cover; object-position: 50% 50%;";}
#front .content-link .entry:hover .img img {transform: scale(1.1);}
#front .content-link .entry .g-h {display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0;  background: rgba(0,0,0, .4); z-index: 2;}
#front .content-link .entry .g-h span {color: #fff;}

#front .blog {text-align: center;}
#front .blog .container {box-shadow: 0 0 6px 6px rgba(204,204,204, .5); overflow-x: auto;}
#front .blog .container::-webkit-scrollbar {width: 4px; height: 4px;}
#front .blog .blog-list {flex-wrap: nowrap;}
#front .blog .blog-list * {text-align: left;}
#front .blog .blog-list .entry {margin: 0;}
#front .blog .blog-list .entry .img {height: 240px;}
#front .blog .blog-list .entry .state {display: flex; flex-direction: column; height: calc(100% - 240px); padding: 0 20px 16px; box-sizing: border-box;}
#front .blog .blog-list .entry .state h3 {margin-bottom: 15px;}
#front .blog .blog-list .entry .state h3 a {font-size: 1.2rem;}
#front .blog .blog-list .entry .state .time {font-size: .8rem; margin-bottom: 14px;}
#front .blog .blog-list .entry .state .writer {font-size: .75rem; margin-top: auto;}

#front .lands {text-align: center;}
#front .lands .lands-list * {text-align: left;}
#front .lands .entry:last-child {margin: 0;}

#front .access .contents {background: #79ad4b;}
#front .access .contents .txt {box-sizing: border-box;}
#front .access .contents .txt * {color: #fff;}
#front .access .contents .txt h2 {font-size: 2rem; font-weight: 700; line-height: 1; letter-spacing: 3px; margin: 0 0 20px;}
#front .access .contents .txt h3 {font-size: 1.05rem;}
#front .access .contents .txt ul {margin-bottom: 20px;}
#front .access .contents .txt ul:last-child {margin-bottom: 0;}
#front .access .contents .txt ul li {font-size: .925rem;}
#front .access .contents img {width: 100%; height: 240px; object-fit: cover; object-position: 50% 50%; font-family: "object-fit: cover; object-position: 50% 50%;";}
#front .access #office-map {position: relative;}
#front .access #office-map iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*--------------------------------------------------------------------------
姶良土地開発のコンセプト
--------------------------------------------------------------------------*/
#page-concept .concept .txt {box-sizing: border-box;}
#page-concept .concept .txt h2 {position: relative; display: inline-block; font-size: 1.7rem; font-weight: 700; margin-bottom: 2.5rem;}
#page-concept .concept .txt h2:after {content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 4px; background: #79ad4b;}
#page-concept .concept .txt p {line-height: 2; text-align: justify; margin-bottom: 2rem;}
#page-concept .concept .txt p:last-child {margin-bottom: 0;}
#page-concept .concept .img {position: relative; z-index: 1;}
#page-concept .concept .img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50% 50%;';}

/*--------------------------------------------------------------------------
姶良土地開発について
--------------------------------------------------------------------------*/
#page-company section {position: relative;}
#page-company .letter {position: absolute; z-index: -1;}

#page-company .message .img {flex-direction: column; align-items: center; z-index: 1;}
#page-company .message .img img {width: 100%;}
#page-company .message .img figcaption {position: relative;}
#page-company .message .img figcaption span {display: block; font-weight: 700;}
#page-company .message .img figcaption span.position {font-size: .95rem; line-height: 1.4;}
#page-company .message .img figcaption span.name {font-size: 1.15rem; margin-top: 2px;}
#page-company .message .txt {position: relative; z-index: 2; text-align: center;}
#page-company .message .txt h1,
#page-company .message .txt p {font-weight: 700; line-height: 2.25;}
#page-company .message .txt p:last-child {margin-bottom: 0;}

#page-company .company {position: relative;}
#page-company .company .img {position: relative; z-index: 1;}
#page-company .company .img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50% 50%;';}
#page-company .company .txt {box-sizing: border-box; z-index: 2;}
#page-company .company .txt h2,
#page-company .company .txt h3 span {font-weight: 700;}
#page-company .company .txt p {line-height: 2; text-align: justify;}

#page-company .tenant .txt {flex-direction: column; align-items: center; justify-content: center; background: #f5f5f5;}
#page-company .tenant .txt p {line-height: 2; text-align: justify; margin-bottom: 1.5rem;}
#page-company .tenant .txt p:last-child {margin-bottom: 0;}
#page-company .tenant img {display: block; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50% 50%;';}

#page-company .overview {position: relative; z-index: 1;}
#page-company .overview .bg {box-sizing: border-box; background: rgba(121,173,75,.3);}
#page-company .overview .bg .list dl {width: 100%; border-bottom: 1px dotted #333; box-sizing: border-box;}
#page-company .overview .bg .list dl:last-child {border-bottom: none;}
#page-company .overview .letter {position: absolute; z-index: -1;}

#page-company .access {background: #79ad4b;}
#page-company .access .contents .txt {box-sizing: border-box;}
#page-company .access .contents .txt * {color: #fff;}
#page-company .access .contents .txt h2 {font-weight: 700; line-height: 1; letter-spacing: 3px;}
#page-company .access .contents .txt div:last-child {margin-bottom: 0;}
#page-company .access .contents img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50% 50%;';}

/*--------------------------------------------------------------------------
宅地造成工事の流れ
--------------------------------------------------------------------------*/
#page-site-preparation .box {position: relative; box-sizing: border-box;}
#page-site-preparation .box .txt {position: relative; box-sizing: border-box;}
#page-site-preparation .box h2 {position: relative; display: flex; align-items: flex-end;}
#page-site-preparation .box h2:after {content: ""; position: absolute; bottom: 0; background: #79ad4b;}
#page-site-preparation .box h2 .head-line {position: relative; color: #79ad4b; font-weight: 700; line-height: 1.2; box-sizing: border-box;}
#page-site-preparation .box h2 .num {position: relative; display: flex; justify-content: center; align-items: center; color: #fff; line-height: 1; background: #79ad4b;}
#page-site-preparation .box h2 .num div {position: absolute;}
#page-site-preparation .box h2 .num img {width: 100%; filter: drop-shadow(3px 3px 1px rgba(106,149,68,.7));}
#page-site-preparation .box .txt {position: relative; box-sizing: border-box;}
#page-site-preparation .box .txt p {line-height: 2; text-align: justify;}
#page-site-preparation .box img {display: block; width: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50% 50%;';}

/*--------------------------------------------------------------------------
ご購入までの流れ
--------------------------------------------------------------------------*/
#page-buy-flow .contents {position: relative;}
#page-buy-flow .contents > li {position: relative; background: #fff; border: 1px solid #333; border-radius: 25px 0; box-sizing: border-box; z-index: 1;}
#page-buy-flow .contents h2 {font-size: 1.5rem; font-weight: 700; line-height: 1.5;}
#page-buy-flow .contents p,
#page-buy-flow .contents ul li {line-height: 2; text-align: justify;}
#page-buy-flow .contents .dotted {position: absolute; top: -65px; right: 50%; height: 100%; border-left: 6px dotted #008f45;}

/*--------------------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------------------*/
#page-contact .description {text-align: center; margin-bottom: 1.25rem;}
#page-contact .description a {color: #79ad4b; text-decoration: underline;}
#page-contact .description a:hover {text-decoration: none; opacity: 1;}

#page-contact .form {max-width: 960px; text-align: center;}
#page-contact .form small {display: block;}
#page-contact .form dl dt {text-align: left;}
#page-contact .form dl dt span {display: inline-block; color: #fff; font-size: .925rem; background: #79ad4b; margin-left: 12px; padding: 2px 6px; border-radius: 4px;}

#page-contact .form .wpcf7-checkbox,
#page-contact .form .wpcf7-radio {display: flex; flex-wrap: wrap; margin: 17px -30px 5px 30px;}
#page-contact .form .wpcf7-checkbox .wpcf7-list-item-label,
#page-contact .form .wpcf7-radio .wpcf7-list-item-label {display: block; margin: 0 30px 12px 0; cursor: pointer;}
#page-contact .form input[type="radio"],#page-contact .form input[type="checkbox"] {display: none;}
#page-contact .form span.wpcf7-list-item-label {display: inline-block; position: relative;}
#page-contact .form span.wpcf7-list-item-label:before,
#page-contact .form span.wpcf7-list-item-label:after {content: ''; display: block; position: absolute; transition: .3s ease;}
#page-contact .form span.wpcf7-list-item-label:before {left: -35px; top: 0; width: 22px; height: 22px; border: 2px solid #ddd; border-radius: 4px;}
#page-contact .form span.wpcf7-list-item-label:after {left: -29px; top: 6px; width: 12px; height: 6px; border: 3px solid #ddd; border-top: none; border-right: none; transform: rotate(-45deg); opacity: 0;}
#page-contact .form input[type="checkbox"]:checked + span.wpcf7-list-item-label:before,
#page-contact .form input[type="checkbox"]:checked + span.wpcf7-list-item-label:after,
#page-contact .form input[type="radio"]:checked + span.wpcf7-list-item-label:before,
#page-contact .form input[type="radio"]:checked + span.wpcf7-list-item-label:after {border-color: #79ad4b; opacity: 1;}

#page-contact .form .cheak {position: relative; display: inline-block; cursor: pointer;}

#policy {position: fixed; width: 100%; max-width: 1024px; background: #fff; overflow-y: auto; visibility: hidden; opacity: 0; transition: .5s ease; z-index: 9101;}
#policy .close {position: fixed; transform: translate(-50%,0); background: #79ad4b; border-radius: 5px; cursor: pointer;}
#policy .close:before,
#policy .close:after {content: ""; position: absolute; top: 50%; left: 50%; background: #fff;}
#policy .close:before {transform: translate(-50%,-50%) rotate(45deg);}
#policy .close:after {transform: translate(-50%,-50%) rotate(-45deg);}
#policy h2 {letter-spacing: 2px; font-weight: 700; text-align: center;}
#policy .content {width: 100%; height: 100%; border-top: 8px solid #79ad4b; border-bottom: 8px solid #79ad4b; box-sizing: border-box;}

#overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .5); margin: auto; cursor: pointer; visibility: hidden; opacity: 0; transition: .5s ease; z-index: 9100;}

.open-modal #policy,
.open-modal #overlay {visibility: visible; opacity: 1;}

/*--------------------------------------------------------------------------
投稿汎用要素
--------------------------------------------------------------------------*/
#single p,
#single blockquote,
#single pre,
#single ul,
#single ol,
#single .wp-caption,
#single .wp-block-code,
#single .wp-block-table,
#single .scroll-table,
#single .wp-block-image,
#single .wp-block-video,
#single .wp-block-audio,
#single .wp-block-embed,
#single .wp-block-cover,
#single .wp-block-pullquote,
#single .wp-block-button,
#single .wp-block-file,
#single .wp-block-gallery,
#single .wp-block-media-text {margin: 0 0 30px 0;}

#single .wp-block-table .scroll-table,
#single .wp-block-pullquote blockquote {margin-bottom: 0;}

/*基本*/
#single h2,
#single h3,
#single h4,
#single h5,
#single h6 {position: relative; line-height: 1.5; font-weight: 700;}

#single h2 {font-size: 1.8rem; margin: 40px 0 20px 0;}
#single h3 {font-size: 1.65rem; margin: 40px 0 18px 0;}
#single h4 {font-size: 1.5rem; margin: 40px 0 16px 0;}
#single h5 {font-size: 1.35rem; margin: 40px 0 14px 0;}
#single h6 {font-size: 1.2rem; margin: 40px 0 12px 0;}

#single p,
#single a,
#single em, 
#single strong {font-size: inherit; font-family: inherit; line-height: inherit;}

#single p {}
#single a {color: #008f45; text-decoration: underline;}
#single a img {display: inline-block; vertical-align: bottom;}
#single a:hover img {opacity: .7;}
#single a:hover {text-decoration: none; opacity: 1;}
#single em {font-style: italic;}
#single strong {font-weight: 700;}
#single sup, #single sub {font-size: .5rem;}
#single sup {vertical-align: top;}
#single sub {vertical-align: bottom;}
#single code {font-size: .9rem; margin: 0 6px; padding: 3px 6px; border: 1px solid #dfdfdf; border-radius: 4px;}
#single blockquote {position: relative; background: #f4f4f4; border: 1px solid #dfdfdf;}
#single blockquote p {margin-bottom: 0;}
#single blockquote.wp-block-quote cite {display: block; text-align: right;}
#single figure {display: inline-block;}
#single figure img {display: inline-block;}
#single figure figcaption {font-size: .875rem; text-align: left;}

#single ul li,
#single ol li {margin-left: 1.5rem; line-height: 2;}
#single ul {list-style-type: disc;}
#single ul li {list-style-type: inherit;}
#single ol {list-style-type: decimal;}
#single ol li {list-style-type: inherit;}
#single ul ul,
#single ol ol,
#single ul ol,
#single ol ul {margin: 0 0 0 1.75rem;}

#single table {border-collapse: collapse; text-align: left; line-height: 1.5;}
#single table thead th,
#single table thead td,
#single table tfoot th,
#single table tfoot td {background: #f4f4f4; font-weight: 700;}
#single table tr {border-bottom: 1px solid #333;}
#single table tr:last-child {border-bottom: none;}
#single table thead th,
#single table thead td {padding: 1rem 1rem;}
#single table th,
#single table td {font-family: initial; padding: .75rem 1rem;}
#single table th {background: #f4f4f4;}

#single .aligncenter {display: block; text-align: center;}
#single .alignright {float: right;}
#single .alignleft {float: left;}
#single img.aligncenter {margin: 0 auto 30px;}
#single img.alignleft {margin-right: auto;}
#single img.alignright {margin-left: auto;}

#single .has-text-align-center {text-align: center;}
#single .has-text-align-left {text-align: left;}
#single .has-text-align-right {text-align: right;}

/*要素タグ*/
#single .wp-block-table {display: block;}

#single .wp-block-code code {display: block; color: #fff; margin: 0; padding: 10px 15px; border: none; border-radius: 0; background: #364549;}

#single .wp-block-pullquote {position: relative; width: 100%; padding: 20px 0;}
#single .wp-block-pullquote blockquote {background: #fff; margin: 0; border: 2px solid #333!important; border-left: none!important; border-right: none!important;}
#single .wp-block-pullquote blockquote p {font-size: 1.35rem; line-height: 1.5; margin: 0 0 20px 0;}

/*メディア*/
#single img,
#single .wp-caption {display: block; max-width: 100%;}

#single .wp-caption-text,
#single .wp-block-image figcaption,
#single .wp-block-video figcaption,
#single .wp-block-embed figcaption {padding: 7px 14px; line-height: 1.5; text-align: left; margin: 0!important; background: #f0f0f0;}

#single .wp-block-video video {display: block!important;}

#single .wp-block-audio figcaption {margin: 0!important; text-align: center;}

#single .wp-block-embed {display: block;}
#single .wp-block-embed .wp-block-embed__wrapper {position: relative; width: 100%; padding-top: 56.25%;}
#single .wp-block-embed .wp-block-embed__wrapper iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

/*ボタン*/
#single .wp-block-button,
#single .wp-block-file__button,
#single .wp-block-button__link {display: inline-block; color: #fff; background: #325e35!important; padding: 8px 16px; border: 1px solid #325e35!important; text-decoration: none!important; border-radius: 36px;}
#single .wp-block-button:hover,
#single .wp-block-file__button:hover,
#single .wp-block-button__link:hover {color: #325e35!important; background: #fff!important; opacity: 1;}

/*ギャラリー*/
#single .wp-block-gallery {background: #f0f0f0;}
#single .wp-block-gallery figcaption.blocks-gallery-caption {padding: 0 16px 16px;}
#single .wp-block-gallery .blocks-gallery-grid {margin: 0; padding: 8px;}
#single .wp-block-gallery .blocks-gallery-item {display: inline-block!important; margin: 8px;}
#single .wp-block-gallery .blocks-gallery-item figure {display: block; margin: 0;}
#single .wp-block-gallery .blocks-gallery-item figure img {width: 100%;}
#single .wp-block-gallery .blocks-gallery-item figure figcaption {width: calc(100% - 24px); font-size: .9rem; text-align: left; margin: 0; padding: 24px 12px 6px;}

/*ブロックメディア*/
#single .wp-block-media-text {align-items: start; margin: 0 0 30px 0;}
#single .wp-block-media-text figure.wp-block-media-text__media {display: block; margin: 0; padding: 0;}
#single .wp-block-media-text .wp-block-media-text__content {padding: 0 0 0 20px;}
#single .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding: 0 20px 0 0;}
#single .wp-block-media-text p.has-large-font-size {font-size: 1.975rem; margin: 0!important;}

/*シェアボタン*/
.sns-share h3 {font-size: 1.25rem; font-weight: 700; letter-spacing: 4px; text-align: center;}
.sns-share .flex {width: 100%; justify-content: center;}
.sns-share a {display: flex; justify-content: center; align-items: center; background: #999; border-radius: 50%;}
.sns-share a.twitter {background: #1da1f2;}
.sns-share a.facebook {background: #3c5a99;}
.sns-share a.line {background: #00b900;}
.sns-share a.hatena {background: #00a4de;}
.sns-share a.pocket {background: #ee4056;}
.sns-share a img,
.sns-share a svg {max-width: 25px; min-width: 25px; max-height: 25px; min-width: 25px;}
.sns-share a svg .st0 {fill: #fff; transition: .3s ease;}
.sns-share a:hover {opacity: 1; transform: scale(1.2);}

/*--------------------------------------------------------------------------
ブログ
--------------------------------------------------------------------------*/
/*ヘッド*/
#single-page .single-head h1.title {font-weight: 700; line-height: 1.5; letter-spacing: 2px; border-bottom: 1px solid #ddd;}
#single-page .single-head .state {align-items: center; flex-wrap: wrap;}
#single-page .single-head .state time {font-size: .95rem;}
#single-page .single-head .state .cat-list {align-items: center;}
#single-page .single-head .state .cat-list .cat {color: #fff; font-size: .85rem; line-height: 1; background: #79ad4b; border: 1px solid #79ad4b;}
#single-page .single-head .state .cat-list .cat:hover {color: #79ad4b; background: #fff; opacity: 1;}
#single-page .single-head .state .author {color: #828282; font-size: .8rem; margin-left: auto;}
#single-page .single-head .tag-list {flex-wrap: wrap;}
#single-page .single-head .tag-list .img {width: 16px; margin-right: 10px;}
#single-page .single-head .tag-list a {font-size: .825rem; margin: 0 12px 5px 0;}
#single-page .single-head .tag-list a:hover {color: #79ad4b; opacity: 1;}
#single-page .eyecatch img {margin: 0 auto;}

/*コメント*/
#single-page .commets-list li .comment-meta .comment-reply-link,
#single-page .comment-respond #cancel-comment-reply-link {color: #fff; font-size: .825rem; line-height: 1; margin-left: auto; padding: 8px 12px; background: #79ad4b; border: 1px solid #79ad4b; border-radius: 4px;}
#single-page .commets-list li .comment-meta .comment-reply-link:hover,
#single-page .comment-respond #cancel-comment-reply-link:hover {color: #79ad4b; background: #fff; opacity: 1;}

#single-page .comment h3 {display: flex; align-items: center; justify-content: center; font-size: 1.25rem; font-weight: 700; letter-spacing: 4px; text-align: center;}
#single-page .commets-list {margin: 0 0 60px;}
#single-page .commets-list li {width: 100%; background: #eee; border-radius: 8px; box-sizing: border-box;}
#single-page .commets-list li .comment-meta {flex-wrap: wrap; align-items: center; margin-bottom: 14px;}
#single-page .commets-list li .comment-meta .author {font-weight: 700; margin-right: 1rem;}
#single-page .commets-list li .comment-meta .post-date {font-size: .875rem;}
#single-page .commets-list li .comment-meta .comment-reply-link {margin-left: auto;}

#single-page .comment-respond #cancel-comment-reply-link {margin-left: 15px;}
#single-page .comment-respond #cancel-comment-reply-link small {display: block;}
#single-page .comment-respond .comment-notes {font-size: .9rem; text-align: center; margin-bottom: 10px;}
#single-page .comment-respond .comment-form-input {width: 100%; max-width: 768px; margin: 0 auto 18px;}
#single-page .comment-respond .comment-form-input label {color: #828282; font-size: .975rem;}
#single-page .comment-respond .logged-in-as {text-align: center;}
#single-page .comment-form-cookies-consent {text-align: center; margin: 30px 0;}
#single-page .comment-form-cookies-consent label {font-size: .95rem;}

/*--------------------------------------------------------------------------
ブログ一覧
--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
分譲地
--------------------------------------------------------------------------*/
#single-lands-page .single-lands {justify-content: center; align-items: center; flex-wrap: wrap;}
#single-lands-page .single-lands h1.title {line-height: 1.25;}
#single-lands-page .single-lands .cat {color: #fff; line-height: 1.75; background: #79ad4b;}
#single-lands-page .eyecatch img {margin: 0 auto;}

#single-lands-page .soldout {width: 100%; text-align: center; margin-top: 25px;}
#single-lands-page .soldout span {display: inline-block; color: #ea5550; font-size: 1.25rem;}

#single-lands h2 {text-align: left;}
#single-lands h2 span {display: inline-block; position: relative; padding-bottom: 2px;}
#single-lands h2 span:before {content: ""; position: absolute; bottom: 0; left: -5vw; background: #79ad4b; width: calc(100% + 5vw); height: 4px;}

#single-lands .block {text-align: center;}
#single-lands .block ul {line-height: 0;}
#single-lands .block ul li {display: block;}
#single-lands .block ul li a:hover img {opacity: .7;}
#single-lands .block ul li figcaption {font-size: .85rem; margin-top: 8px;}

#single-lands .price table {text-align: center; margin: 0 auto; border: 1px solid #ccc;}
#single-lands .price table th,
#single-lands .price table td {text-align: center;}
#single-lands .price table thead {background: #c5d5ba;}
#single-lands .price table tbody tr {border-bottom: 1px solid #ccc;}

#single-lands .parcel-photo ul li {display: block;}
#single-lands .parcel-photo ul li figure a {display: block; overflow: hidden;}
#single-lands .parcel-photo ul li figure a img {width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50% 50%;';}
#single-lands .parcel-photo ul li figure a:hover {opacity: 1;}
#single-lands .parcel-photo ul li figure a:hover img {transform: scale(1.075);}
#single-lands .parcel-photo ul li figcaption {width: 100%; font-size: .85rem; background: #f4f4f4; border: 1px solid #ccc; border-top: none; box-sizing: border-box;}

#single-lands .g-map .acf-map {width: 100%;}

#single-lands .about .list dt,
#single-lands .about .list dd {text-align: left; padding: 4px 8px; box-sizing: border-box;}

#single-lands .facilities h3 {color: #470404;}
#single-lands .facilities ul li a {display: block; width: 100%; height: 100%;}
#single-lands .facilities ul li a figure {position: relative; width: 100%; height: 100%; border-radius: 8px; overflow: hidden; z-index: 1;}
#single-lands .facilities ul li a figure img {width: 100%; height: 100%; object-fit: cover; object-position: 50%; font-family: 'object-fit: cover; object-position: 50% 50%;';}
#single-lands .facilities ul li a:hover {opacity: 1;}
#single-lands .facilities ul li a:hover figure img {transform: scale(1.075);}	
#single-lands .facilities ul li a figcaption {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0, .65); padding: 8px 10px; z-index: 2; box-sizing: border-box;}
#single-lands .facilities ul li a figcaption span {display: block; color: #fff; line-height: 1.5;}
#single-lands .facilities ul li a figcaption span.name {font-size: .975rem;}
#single-lands .facilities ul li a figcaption span.distance {font-size: .825rem;}

/*--------------------------------------------------------------------------
分譲地一覧
--------------------------------------------------------------------------*/
#archive-lands {display: flex; flex-direction: column;}
#archive-lands #breadcrumbs {order: 3;}

/*--------------------------------------------------------------------------
404
--------------------------------------------------------------------------*/
#notfound {display: flex; justify-content: center; align-items: center; flex-direction: column; min-height: 50vh; text-align: center; padding-bottom: 60px;}
#notfound .g-h {margin: 50px 0;}
#notfound p {margin-bottom: 75px;}