@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
body, h1, h2, h3, h4, h5, h6, p, a{
	font-family: "omnes-pro", sans-serif!important;
font-weight: 400;
font-style: normal;
}

.wp-block-image a{
	opacity:1!important;
}
.wp-block-image a:hover{
	filter: brightness(60%) !important;
}
.modula .modula-item{
	background-color:#000!important;
}
.page-template-default .l-container{
	max-width:none;
}
.post_content p{
	line-height:1.8em;
	font-size:15px;
}
.home .l-content{
	padding-top:0!important;
}
.l-header .l-header__logo img{
	 filter:invert(1)!important;
	width:280px;
}
.home .l-header .l-header__logo img{
	width:320px;
}
.l-header__gnav .c-gnav .menu-item a{
	font-weight:500;
	font-size:16px!important;
	letter-spacing:0.08em;
}
.home .l-header .l-header__logo img{
	 filter:none!important;
}
  .home .l-header{
	position:fixed!important;
	mix-blend-mode: difference;
	padding-top:10px;
	isolation: isolate!important;
	background:transparent;
}
 .home .l-header__inner{
	color:#fff;
}
.home #fix_header{
	display:none;
}
.home #fix_header .c-gnav{
	display:none;
}
.p-mainVisual__slideTitle{
	display:flex;
	flex-direction:column;
	justify-content: flex-end;
	margin-bottom:120px;
}
#fix_header .c-headLogo img{
	 filter:invert(1)!important;
	opacity:0.9;
}
#fix_header .c-headLogo{
	width:280px;
}
.l-fixHeader .menu-item .ttl{
	font-weight:500;
	letter-spacing:0.08em;
}
.wp-singular{
	background-color:#fff;
}
.c-gnav > li:hover > a, .c-gnav > .-current > a{
	background-color:transparent!important;
}

.l-header .sub-menu li a{
	color:#333!important;
}
.l-header .sub-menu{
	background-color:#fff!important;
}

.home .l-header .sub-menu li a{
	color:#fff!important;
}
.home .l-header .sub-menu{
	background-color:transparent!important;
}
.home .l-header .sub-menu .menu-item-gtranslate-child a{
	background-color:#000!important;
}
.p-mainVisual__imgLayer{
	position:relative;
}
.p-mainVisual__imgLayer::after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	right:0;
	bottom:70%;
	background: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,0));
}
#breadcrumb{
	padding-top:100px;
}
.c-gnav .sub-menu {
	background-color:transparent;
	color:#fff;
}
.l-topTitleArea__body{
	padding:0 10em;
	
}
.blog .l-topTitleArea__body{
	max-width:none;
}
.l-topTitleArea .c-pageTitle{
	font-size:3rem;
	letter-spacing:0.05em;
}
.l-topTitleArea{
	min-height:30rem!important;
	position:relative;
}
.l-topTitleArea::after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient(90deg, rgba(0,0,0,.9), rgba(0,0,0,.4), rgba(0,0,0,0));
}
.p-postList__title{
	font-size:15px!important;
	font-weight:500!important;
}

.p-breadcrumb{
	padding-top:30px!important;
}
.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
  transition: all .8s;
  transition-delay: .2s;
}

.fade-in-up.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.section-ttl{
	font-weight:400!important;
	letter-spacing:0.05em;
}
.top-sns{
	text-align:left;
}
.top-sns .instagram1-img{
width:208px;
}
.top-sns .instagram2-img{
width:270px;
}
.top-sns .youtube-img{
	width:100px;
}
.top-sns .facebook-img{
	width:108px;
}
.top-sns a img{
	transition:0.3s;
}
.top-sns a img:hover{
	transform: translatex(7px);
};

.catch-en, .catch-ja{
text-align:right;	
}
.catch-en{
	width:280px;
	text-align:right;
}
.catch-ja{
	font-size:15px!important;
	text-align:right;
}
.p-mainVisual__textLayer{
	justify-content:space-between;
	max-width:none;
	margin-top:90px!important;
	flex-direction:row-reverse;
}
.newslist{
	max-width:300px;
	margin-left:auto!important
}
.news-top{
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #fff;
}
.newslist, .newslist a{
	color:#fff;
}
.about-message{
	padding-left:100px;
}
.Landscaping-txt{
	padding:0 50px 0 70px;
}
.CarpentryandTeahouse-txt{
	padding:0 70px 0 50px;
}

.Landscaping .ttl, .CarpentryandTeahouse .ttl, .Reason .ttl{
	margin-top:0!important;
}
.landscape-img{
	padding-right:70px;
}
.CarpentryandTeahouse-img{
	padding-left:70px;
}
.landscape-img img, .CarpentryandTeahouse-img img{
	width:100%;
}
.read-more a{
	color:#333;
}
.read-more-wh a{
	color:#fff;
}
.read-more a:hover .arrow-bk::after, .read-more-wh a:hover .arrow-wh::after {
  transform: translateX(10px);
}
.read-more-wh a{
	color:#fff;
}
.arrow-bk{
	position:relative;
	padding-left:50px;
}
/* 
.arrow-bk::before{
	position:absolute;
	content:'';
	top: -20px;
    right: 0;
    width: 63px;
    height: 63px;
    border-radius: 50%;
   border:1px solid #333;
   overflow: hidden;
}
*/
.arrow-bk::after{
	position:absolute;
	content:'';
	top: 50%;
    right: 0px;
    width: 40px;
    height: 11px;
   background-image:url(https://ogawalandscape.com/blog/wp-content/uploads/home_arrow_bk.png);
   background-size: contain;
	background-repeat:no-repeat;
   z-index: 10;
  transition: 0.3s;
}

.arrow-wh{
	position:relative;
	padding-left:50px;
}
/* 
.arrow-wh::before{
	position:absolute;
	content:'';
	top: -20px;
    right: 0;
    width: 63px;
    height: 63px;
    border-radius: 50%;
   border:1px solid #fff;
   overflow: hidden;
}
*/
.arrow-wh::after{
	position:absolute;
	content:'';
	top: 8px;
   right: 0px;
    width: 40px;
    height: 11px;
   background-image: url(https://ogawalandscape.com/blog/wp-content/uploads/arrow_wh.png);
   background-size: contain;
	background-repeat:no-repeat;
   z-index: 10;
 transition: 0.3s;
}

.top-our-process .wp-block-cover__inner-container {
	max-width:none;
	padding-left:70px;
	padding-right:70px;
}
.our-process-ttl{
	margin-bottom:200px!important;
}
.global_wrapper{
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.video{
	transition:0.3s;
}
.video:hover{
	transform:scale(1.1);
}
.video-outer{
	overflow:hidden;
}
.top-reason{
	column-gap:4em!important;
}

.l-footer .sns-block{
	display:flex;
	justify-content:flex-start;
    column-gap:0.5em;
}
.l-footer .footer-sns-icon{
	width:20px;
}
.l-footer .sns-block a{
	display:flex;
	align-items:center;
}
.l-footer .l-container{
	max-width:none;
	padding:0;
}
.l-footer .l-footer__widgetArea{
	padding:0;
	border-top:1px solid #888;
	border-bottom:1px solid #888;
}
.l-footer .w-footer__box{
	border-left:1px solid #888;
	padding:50px 40px;
}
.l-footer .w-footer__box:first-child{
	border-left:0;
}
.l-footer .c-listMenu a{
	border-bottom:none;
	padding: .3em 1em .3em 1.5em;
}
.l-footer .c-listMenu .children a, .l-footer .c-listMenu .sub-menu a{
	padding-left: 2.5em;
}
.l-footer p, .l-footer a{
		font-size:14px;
	}
.l-footer .sns-block{
	margin-bottom:7px;
	transition:0.3s;
}
.l-footer .sns-block:hover{
	transform:translatex(7px);
}
.wp-block-embed{
	max-width:800px!important;
	margin:0 auto;
}
.photo-gallery .wp-block-image{
	 aspect-ratio: 1 / 1;
}
.wp-block-gallery.wp-block-gallery-1{
	gap:0.1em!important;
}

.post-edit-link{
	display:none;
}
.p-postList__body{
	padding-top:0.8em!important;
}
.p-relatedPosts .p-postList__title{
	font-size:12px!important;
}
.p-relatedPosts .p-postList__body{
	padding-top:0.5em!important;
}
.p-postList__thumb:before {
    background: linear-gradient(45deg, #000, #000);
}
	.message p{
		margin-bottom:38px!important;
	}
.projects-block{
	column-gap:0.5em!important;
}
.projects-block p{
	text-align:left;
	padding-left:30px;
}
.landscaping-btn, .teahouse-btn{
	position:relative;
}
.landscaping-btn::after, .teahouse-btn::after{
	position:absolute;
	content:'';
	width:10rem;
	height:1px;
	top:50%;
	right:20px;
	background-color:#fff;
	transition:.5s;
}
.projects-block .wp-block-column:hover .has-black-background-color{
	background-color:#444!important;
}
.projects-block .wp-block-column:hover .landscaping-btn::after{
	right:5px;
}
.projects-block .wp-block-column:hover .teahouse-btn::after{
	right:5px;
}
.our-project-history-ttl{
	padding-top:0;
}
.flow-txt{
	max-width:600px;
	padding-right:30px;
}
.yokimi-shoji-block-img{
	column-gap:0.5em!important;
	margin-bottom:0.5em!important;
}

.single-post .post_content{
	margin:2em 0 4em 0!important;
}
#body_wrap.category-reason .p-pnLinks {
  display: none !important;
}
.postid-3957 .c-postTitle__ttl, .postid-3960 .c-postTitle__ttl{
	font-weight:bold;
}
@media (min-width: 781px) {
	.blog .-type-card .p-postList__item{
		margin-bottom:80px!important;
	}
	.c-postTitle__ttl{
	padding-left:16px;
}
	.reason-read-more{
	padding-right:18px;
}
}
@media (min-width: 1600px) {
    .section-ttl {
        font-size: 3.75rem!important;
    }
	.alignwide {
        left: -100px;
        width: calc(100% + 400px);
    }
}
@media (max-width: 1300px){
	.Landscaping-txt, .CarpentryandTeahouse-img, .CarpentryandTeahouse-txt{
		flex-basis:50%!important;
		
	}
}
@media (max-width: 1024px){
	body p{
		line-height:1.5!important;
	}
	.l-topTitleArea__body{
	padding:0 5em;
}
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
	    .wp-block-columns{
        flex-wrap: wrap !important;
    }
	.Landscaping-txt, .CarpentryandTeahouse-txt, .reazon-cont{
		padding:0 25px;
	}
	.landscape-img, .CarpentryandTeahouse-img{
    padding: 0px 25px;
}
	.Landscaping-txt .txt, .CarpentryandTeahouse-txt .txt{
		margin-bottom:15px!important;
	}
	.CarpentryandTeahouse{
		flex-direction:column-reverse;
		row-gap:1em!important;
	}
	.Landscaping{
		row-gap:1em!important;
	}
	.section-ttl{
		font-size:2.75rem!important;
	}
	.about-message{
		padding:0 7%;
	}
	.arrow-bk, .arrow-wh{
		padding-left:30px;
	}
	.arrow-bk::after, .arrow-wh::after{
		width:20px;
	}
	.video-outer{
		padding:0 20px;
	}
	.l-topTitleArea{
	min-height:25rem!important;
}
.l-topTitleArea .c-pageTitle{
	font-size:2rem;
	padding-left:0.6em;
}
}
@media (max-width: 959px){
	.l-header__inner{
		padding:10px 15px;
	}
	.l-header .l-header__logo img{
	width:auto!important;
}
	.p-mainVisual__textLayer{
		padding:0 6vw;
	}
	.catch-en{
	text-align:left;
	width:240px;
}
.catch-ja{
	text-align:left;
}
	.p-mainVisual__slideTitle{
		padding-top:20px;
		margin-bottom:0;
	}
	.p-mainVisual__slideText{
		margin-top:40px;
	}
	.l-footer .l-container .w-footer__box{
		padding-top:7px;
		padding-bottom:7px;
	}
	.l-footer .l-footer__widgetArea{
		padding-top:40px;
		padding-bottom:40px;
	}
	.l-footer p, .l-footer a{
		font-size:13px;
	}
	.p-mainVisual__textLayer{
		display:block;
	}
	.flow-txt{
		width:100%;
		max-width:none;
		flex-basis:100%;
		margin-bottom:10px!important;
	}
	.flow-item{
		flex-wrap:wrap!important;
		column-gap:0.5em!important;
}
	.flow-item .wp-block-image img{
		width:150px!important;
	}
	.flow-txt{
		padding-right:0;
	}
}
@media (max-width: 780px){
	.sp-reverse{
	 flex-direction:column-reverse;
	}
.link-image{
	height:400px;
}	
	.Landscaping-txt, .CarpentryandTeahouse-txt{
		padding-bottom:0!important;
	}
	
	.our-process-ttl{
margin-bottom:200px!important;
}
	.top-our-process{
		min-height:450px!important;
		margin-top:50px!important;
	}
	.l-topTitleArea__body{
	padding:0 2.5em;
}
	.blog .-type-card .p-postList__item .p-postList__title{
		font-size:13px!important;
	}
	.p-postList__body {
    padding-top: 0.5em!important;
}
	.about-item-img{
		min-height:280px!important;
	}
	.message p{
		font-size:13px!important;
	}
	.projects-block{
		row-gap:0.5em!important;
	}
	.landscaping-gallery, .teahouse-gallery{
		margin-bottom:0;
	}
	.l-topTitleArea .c-pageTitle{
		font-size:2rem;
	}
	.our-project-history .wp-block-cover{
		min-height:250px!important;
	}
	.l-footer .w-footer__box{
		border-left:none;
	}
	.process-flow-ttl{
		font-size:25px!important;
	}
	.top-reason{
		row-gap:1em!important;
	}
}

@media screen and (max-width: 599px) {
	.about-message{
		padding-left:10%;
	}
	.section-ttl{
font-size:2.5rem!important;
	}
	.Landscaping-txt, .CarpentryandTeahouse-txt, .reason-txt {
    padding: 30px;
}
	.top-our-process .wp-block-cover__inner-container {
	max-width:none;
	padding-left:0px;
	padding-right:0px;
}
	.page-id-269 .post_content{
		margin-top:30px;
	}
	.l-header__logo .c-headLogo a{
		padding-left:0!important;
	}
	.instagram-ttl{
		font-size:20px!important;
	}
	.instagram-icon{
		width:18px;
		margin:0 auto;
	}
	.top-reason-img{
		min-height:300px!important;
	}
	.top-reason-img-area{
		column-gap:1em!important;
	}
}