@charset "utf-8";

.topslide-cover {    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.p-mv__message {
	background-color:rgba(255,255,255,.8);;
	backdrop-filter: blur(16px) saturate(120%);
}
.about-intro { margin-top:4rem; line-height:2; }
.c-title-h3 {  
	font-weight: 500; text-align:center;
  font-size: 1.4rem;
  line-height: 1.4583333333;
  color:#52682c; margin-top:80px;
  font-family: "Zen Maru Gothic", sans-serif; }

.primary-button { display: inline-block; padding:16px 24px; border-radius:40px; color:#33411D; font-family: "Zen Maru Gothic", sans-serif; font-weight: 500;
  background-color: #fff; border:2px solid #33411D; overflow: hidden; position: relative; z-index: 1; line-height: 1.2;}
.primary-button::after { background: #33411D;
  position: absolute; top: 0; left: 0; content: '';
  width: 100%; height: 100%; transform: scale(0, 1);
  transform-origin: left top; transition: .32s cubic-bezier(0.45, 0, 0.55, 1); z-index: -1; }
.primary-button:hover { color: #fff; }
.primary-button:hover::after { transform: scale(1, 1); }

.business-item { margin-top:48px;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center; } 
.business-item2 { flex-direction: row-reverse; }
.business-image { width:48%; }
.business-image img { height:auto; border-radius:12px; }
.business-text { width:48%; }

.business-text h4,.npo-item-detail h4,.npo-text h4 { font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.4583333333;
  color:#52682c;
  font-family: "Zen Maru Gothic", sans-serif;  }
.business-text p { font-size:.9rem; margin-top:24px; }

.npo-list { align-items: center; justify-content: space-around; }
.npo-item { margin-top:48px; width:46%; justify-content: space-between; align-content: center; align-items: center; }
.npo-image { width:28%; }
.npo-image img {
    height: auto; width:100%;
	border-radius: 70% 60% 50% 50% / 50% 60% 70% 80%; }

.npo-text { width:68%; }
.npo-text p { font-size:.9rem; margin-top:16px;  }




@media screen and (min-width: 768px) {
    .p-thought .l-inner { max-width: 1250px; }
}

.p-thought .c-title::before { 
	content: "";
	background-image: url(https://olivenomi.jp/wp-content/themes/olivenomi/images/icon04.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;    
}
.p-news .c-title::before { 
	content: "";
	background-image: url(https://olivenomi.jp/wp-content/themes/olivenomi/images/icon01.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;    
}
.p-about .c-title::before {
	content: "";
	background-image: url(https://olivenomi.jp/wp-content/themes/olivenomi/images/icon02.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;    
}
.p-facility .c-title::before { 
	content: "";
	background-image: url(https://olivenomi.jp/wp-content/themes/olivenomi/images/icon03.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;    
}


@media screen and (max-width: 767px) {
	.business-image { width:100%; }
	.business-text { width:100%; margin-top:16px; }
	.business-list .mt40 { margin-top:24px !important; }
	
	.npo-item { width:100%; }
	.npo-text p { font-size:.85rem; margin-top:8px;  }
}

@media screen and (max-width: 600px) {
	.p-mv__message {
		font-size: 1.2rem;
		width: 88%; }

	.p-about__list { width: 100%; }
	
}