/*
Theme Name: Lightning Child
Version: 15.34.1
Template: lightning
*/

html {
    /* ヘッダーの高さ＋αの数値を設定 */
    scroll-padding-top: 150px !important;
}
@media screen and (max-width: 768px) {
	html {
    /* ヘッダーの高さ＋αの数値を設定 */
    scroll-padding-top: 50px !important;
}
}
.txt-flex{
	display:flex;
	align-items:center;
}
p img{
	vertical-align:top;
	padding:0 5px;
	padding-top: 4px;
}
#breadcrumb{
	display:none;
}
@media screen and (min-width: 768px){
a[href*="tel:"] {
    pointer-events: none; /*①アンカーのtelを無効化*/
    cursor: default; /*②アンカーのポインターをデフォルトにする*/
    text-decoration: none;
}
}
p span.at-mail::after{
	content:"@";
	color:#fff;
}
/*非表示設定*/
.veu_followSet, .next-prev, .entry-meta-item-updated, .entry-meta-item-author, .entry-footer{
	display:none !important;
}

/*お問い合わせフォーム*/
.form{
	display:block;
	max-width:850px;
	margin:0 auto;
	font-size:17px;
}
.f-box{
	display:flex;
	padding:15px 0;
	border-bottom:1px solid #ddd;
}
.f-box input, .f-box textare{
	margin-bottom:0 !important;
}
.f-box > p:first-child{
	width:35%;
}
.f-box .bb{
	width:65%;
}
.f-box  p{
	line-height:1.2;
	font-size:17px;
}
.f-box p span.span-h{
	color:#fff;
	background-color:#FA7DB6;
	padding:3px 6px;
	font-size:16px;
	border-radius:5px;
	margin-right:10px;
}
.f-box p span.span-n{
	color:#fff;
	background-color:#999;
	padding:3px 6px;
	font-size:16px;
	border-radius:5px;
	margin-right:10px;
}
.form .wpcf7-radio, .form .wpcf7-checkbox{
	display:grid;
}
.form .wpcf7-radio label{
	padding:10px 0;
}
.wpcf7-list-item{
	padding:5px 0;
}
.has-free-text{
	display:flex;
}
.has-free-text > input{
	width:250px;
	margin-left:10px;
}
.f-09 .bb p > span{
	margin:5px 0 10px;
	display:block;
	max-width:400px;
}
.pp-box{
	height:150px;
	overflow-y: auto;
	overflow-x: hidden;
	padding:10px 0;
	border-bottom:1px solid #ddd;
}
.pp-box p{
	font-size:14px;
	font-family: "Source Han Sans JP", "源ノ角ゴシック JP", "Noto Sans CJK JP", sans-serif !important;
}
.form .submit{
	text-align:center;
	padding:10px 0 20px;
}
.wpcf7-spinner{
	display:none !important;
}
.form .submit-btn{
	border: none;
    padding: 10px 50px !important;
    background: #409B75;
    font-size: 20px;
    margin: 10px;
}
.f-02 input{
	max-width: 360px;
}
.f-07 input{
	max-width: 200px;
}
.form select{
	max-width: 100px;
}
.form .f-03 select{
	max-width: 260px;
}
@media screen and (max-width: 768px) {
	.f-box{
		flex-wrap:wrap;
	}
	.f-box > p:first-child, .f-box > div{
		width:100%;
	}
	.f-box > p:first-child{
		margin-block-end: 10px !important;
	}
	.has-free-text {
	flex-wrap: wrap;
	}
	.f-02 input{
		max-width: 100%;
	}
	.f-07 input{
		max-width: 100%;
	}
	.f-box .bb{
		width:100%;
	}
}
	
/*トップページカテゴリーの色調整*/
.home .taxonomy-category{
	min-width:80px;
	text-align:left;
}
.home .taxonomy-category a{
	padding: 3px 10px !important;
	margin-right: 5px;
	border-radius: 20px;
	text-decoration:none;
}
.home .taxonomy-category a[href="https://momori.jp/category/news/"]{
	background-color: #fafcec;
}
.home .taxonomy-category a[href="https://momori.jp/category/recruit/"]{
	background-color: #ddf1ff;
}
.home .taxonomy-category a[href="https://momori.jp/category/active/"]{
	background-color: #fdf2f7;
}


/*フッター*/
.site-footer{
	display:none;
}
.site-body-bottom{
	background-image:url('https://momori.jp/wp-content/uploads/2026/04/footimg-bg.png');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	padding:300px 0 100px;
	margin-top:-7vw;
}
.foot-flex{
	display:flex;
}
.foot a{
	color:#fff;
	text-decoration:none;
}
.foot .left-box , .foot .right-box{
	width:50%;
	color:#fff;
}
.foot .left-box{
	padding-right:20px;
}
.foot .left-box .foot-flex img{
	max-width:281px;
}
.foot .left-box .foot-flex{
	align-items:center;
}
.foot .right-box{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	padding-top: 20px;
    padding-left: 20px;
}
.foot .con-con img{
	max-width:167px;
}
.foot .con-box{
	position:relative;
	padding:20px;
	border:solid 1px #fff;
	border-radius:10px;
}
.foot .con-box p{
	font-size:16px !important;
}
.foot .con-con{
	position:absolute;
	bottom:10px;
	right:20px;
}
.foot .foot-box{
	width:25%;
}
.foot .foot-box ul{
	list-style:none;
}
.foot .foot-box ul li{
	position:relative;
	padding: 5px 0;
}
.foot .foot-box ul li::before{
	content:"";
	position:absolute;
	width:26px;
	height:24px;
	background-image:url('https://momori.jp/wp-content/uploads/2026/04/head-menuimg-03.png');
	background-size:contain;
	left:-25px;
}
.foot .copy p{
	text-align:right;
	font-size:15px !important;
}
.foot .copy p span{
	font-size:18px !important;
}

.foot-sp{
	display:none;
}
@media screen and (max-width: 768px) {
	.foot{
		display:none;
	}
	.site-body-bottom{
		background-image:url('https://momori.jp/wp-content/uploads/2026/04/foot-bg-sp.png');
		background-size:cover;
		background-position:top;
/* 		padding:150px 15px 50px;  */
		margin-top:50px;
/* 		margin-bottom: 60px; */
	}
	.foot-sp{
		display:block;
	}
	.foot-sp img{
		max-width:230px;
	}
	.foot-sp .copy{
		margin-top:50px;
	}
	.foot-sp p{
		color:#fff !important;
	}
	.foot-sp p a{
		color:#fff !important;
		text-decoration:none;
	}
}
/*アニメーション*/

/*木のアニメーション*/
.wood-container {
  display: grid;
  place-items: center;
}

.wood {
  transform-origin: center bottom;
  animation: woodyura 10s ease-in-out infinite;
}

@keyframes woodyura {
   0% , 100%{
      transform: rotate(10deg);
  }
  50%{
      transform: rotate(-10deg);
  }
}
.wood2 {
  transform-origin: center bottom;
  animation: woodyura2 6s ease-in-out infinite;
}

@keyframes woodyura2 {
   0% , 100%{
      transform: rotate(-8deg);
  }
  50%{
      transform: rotate(8deg);
  }
}
.wood3 {
  transform-origin: center bottom;
  animation: woodyura3 12s ease-in-out infinite;
}

@keyframes woodyura3 {
   0% , 100%{
      transform: rotate(8deg);
  }
  50%{
      transform: rotate(-8deg);
  }
}
.wood4 {
  transform-origin: center bottom;
  animation: woodyura4 8s ease-in-out infinite;
}

@keyframes woodyura4 {
   0% , 100%{
      transform: rotate(5deg);
  }
  50%{
      transform: rotate(-5deg);
  }
}
.wood5 {
  transform-origin: center bottom;
  animation: woodyura5 14s ease-in-out infinite;
}

@keyframes woodyura5 {
   0% , 100%{
      transform: rotate(-8deg);
  }
  50%{
      transform: rotate(8deg);
  }
}
/*ふくろう*/
.owl01 {
  transform-origin: center bottom;
  animation: owl01 8s ease-in-out infinite;
}

@keyframes owl01 {
   0% , 100%{
      transform: rotate(4deg);
  }
  50%{
      transform: rotate(-4deg);
  }
}
/*ぴょんぴょん*/
.jump-container {
  display: grid;
  place-items: center;
}
.jump {
  animation: jump 3s infinite ease;
}

@keyframes jump {
  0% {
    transform: translate(0, 0);
  }
  5% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0, -15px);
  }
  25% {
    transform: translate(0, 0);
  }
  30% {
    transform: translate(0, -15px);
  }
  50% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
.jump-b {
  animation: jump-b 2s infinite ease;
}

@keyframes jump-b {
  0% {
    transform: translate(0, 0);
  }
  5% {
    transform: translate(0, 0);
  }
  10% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(0, -10px);
  }
  25% {
    transform: translate(0, 0);
  }
  30% {
    transform: translate(0, -10px);
  }
  50% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
/*鳥の動き*/
.bird-container {

}
.bird {
  animation: birdAnime 15s linear infinite forwards;
}
@keyframes birdAnime {
  0% {
    translate: 0 0;
	transform: translateX(0) scaleX(1);
}
  20% {
    translate: 60px -20px;
	  transform: translateX(60px) scaleX(1);
}
  35% {
    translate: 120px 0px;
	   transform: translateX(120px) scaleX(1);
}
  50% {
    translate: 180px -40px;
	   transform: translateX(180px) scaleX(1);
}
	51% {
    translate: 180px -40px;
	   transform: translateX(180px) scaleX(-1);
}
	  66% {
    translate: 120px 0px;
	   transform: translateX(120px) scaleX(-1);
}
	  80% {
    translate: 60px -20px;
	  transform: translateX(60px) scaleX(-1);
}
	100% {
    translate: 0 0;
	transform: translateX(0) scaleX(-1);
}
}
@media screen and (max-width: 768px) {
	.bird {
  animation: birdAnime 10s linear infinite forwards;
}
	@keyframes birdAnime {
  0% {
    translate: 0 0;
	transform: translateX(0) scaleX(1);
}
  20% {
    translate: 20px -5px;
	  transform: translateX(20px) scaleX(1);
}
  35% {
    translate: 40px 0px;
	   transform: translateX(40px) scaleX(1);
}
  50% {
    translate: 60px -10px;
	   transform: translateX(60px) scaleX(1);
}
	51% {
    translate: 60px -10px;
	   transform: translateX(60px) scaleX(-1);
}
	  66% {
    translate: 40px 0px;
	   transform: translateX(40px) scaleX(-1);
}
	  80% {
    translate: 20px -5px;
	  transform: translateX(20px) scaleX(-1);
}
	100% {
    translate: 0 0;
	transform: translateX(0) scaleX(-1);
}
}
}
/*とりジャンプ*/
.bird-tate {
    animation: b-tateyura 2s infinite linear;
}

@keyframes b-tateyura {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(0);
    }
    70% {
        transform: translateY(-8px);
    }
	100% {
        transform: translateY(0);
    }
}
/*葉っぱ揺れ縦*/

.leaf-01 {
	transform-origin:left top;
    animation: leaf-01 10s infinite ease-in-out;
}

@keyframes leaf-01 {
    0%, 100% {
        transform: rotate(0);
    }
    50% {
        transform: rotate(25deg);
    }
}

.leaf-02 {
	transform-origin:right bottom;
    animation: leaf-02 15s infinite ease-in-out;
}

@keyframes leaf-02 {
    0% {
        transform: rotate(0);
    }
    25% {
        transform: rotate(10deg);
    }
	75% {
        transform: rotate(-10deg);
    }
	100% {
        transform: rotate(0);
    }

}
/*ふわふわ縦揺れ*/
.tate-container {

}
.tate {
    animation: tateyura 6s infinite ease-in-out;
}

@keyframes tateyura {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(15px);
    }
}
/*ふわふわ縦揺れ2*/
.tate-container {

}
.tate2 {
    animation: tateyura2 8s infinite ease-in-out;
}

@keyframes tateyura2 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}
/*ふわふわ縦揺れ3*/
.tate-container {

}
.tate3 {
    animation: tateyura3 10s infinite ease-in-out;
}

@keyframes tateyura3 {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(20px);
    }
}
/*トップのハリネズミぴこぴこ動く*/
.piko-container {
animation: harine 3s linear infinite;
}
@keyframes harine {
  0% {
    transform: translate(0, 0);
    transform: scale(1, 1);
  }
  40% {
    transform: translate(-5px, -50px); /* 左へ-5px, 上へ5px移動 */
  } 
  80% {
    transform: translate(-10px, -10px); /* 左へ-10px, 上へ10px移動 */
  }
  100% {
    transform: scale(-1, 1);
  }
}

.piko {
  animation: pikopiko 3s steps(2, start) infinite;
}

@keyframes pikopiko {
  0% {
    transform: rotate(10deg);
  }
  to {
    transform: rotate(-5deg);
  }
}



/*はりねずみ*/
.hari {
  animation: hariAnime 26s linear infinite forwards;
}
@keyframes hariAnime {
  0% {
    translate: 0 0;
	transform: translateX(0) scaleX(1);
}
  25% {
    translate: -20px -5px;
	  transform: translateX(-20px) scaleX(1);
}
  50% {
    translate: -40px -10px;
	   transform: translateX(-40px) scaleX(1);
}
	51% {
    translate: -40px -10px;
	   transform: translateX(-40px) scaleX(-1);
}
	  75% {
    translate: -20px -5px;
	   transform: translateX(-20px) scaleX(-1);
}
	100% {
    translate: 0 0;
	transform: translateX(0) scaleX(-1);
}
}
/*燕の動き*/
.tsubame {
  animation: tsubameAni 5s linear infinite;
}

@keyframes tsubameAni {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
	80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate(-200px, 200px); /* 左へ-50px, 下へ50px移動 */
  }
}

/*ハートの動き*/
.heart {
  animation: heartbeat 3s linear infinite alternate;
}
@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  21% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1.5);
  }
}

/*写真のアニメーション*/
.img-ani{
	transform-origin:right bottom;
	animation: imganimation 1s ease-in-out;
	animation-timeline: scroll();
}
@keyframes imganimation {
  0% {
    opacity: 0;
	transform: rotate(-90deg);
  }
  100% {
    opacity: 1;
	 transform: rotate(0deg);
  }
}


/*トップのアニーメーション*/
/*トップの大きさ*/
.top-box{
	width:100%;
	max-width:1800px;
	height:100%;
	position:relative;
}
/*トップ木*/
.wood-01{
	position:absolute;
	left: 50%;
    transform: translateX(calc(-50% + 47.5vw));
    bottom: 0;
    max-width: 17.6vw;
	z-index:99;
}
.wood-kotei{
	position:absolute;
	left: 50%;
    transform: translateX(calc(-50% + 47.5vw));
    bottom: -80px;
    max-width: 4.1vw;
	z-index:98;
}
@media screen and (max-width: 768px) {
	.wood-01{
    transform: translateX(calc(-50% + 185px));
    bottom: -80px;
    max-width: 200px;
}
.wood-kotei{
    transform: translateX(calc(-50% + 180px));
    bottom: -130px;
    max-width: 40px;
}
}
/*トップ木2*/
.wood-02{
	position:absolute;
	left: 50%;
    transform: translateX(calc(-50% + 43.5vw));
    bottom: 345px;
    max-width: 4.7vw;
	z-index:99;
}
.wood-kotei2{
	position:absolute;
	left: 50%;
    transform: translateX(calc(-50% + 43.5vw));
    bottom: 320px;
    max-width: 0.6vw;
	z-index:98;
}
@media screen and (max-width: 768px) {
	.wood-02{
    transform: translateX(calc(-50% + 126px));
    bottom: 280px;
    max-width: 65px;
}
.wood-kotei2{
    transform: translateX(calc(-50% + 125px));
    bottom: 260px;
    max-width: 13px;
}
}

/*木の上のふくろう*/
.owl-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 33vw));
    top: -400px;
    max-width: 3.2vw;
    z-index: 99;
}
@media screen and (max-width: 768px) {
	.owl-01{
    transform: translateX(calc(-50% + 138px));
    bottom: 385px;
	top:initial;
    max-width: 30px;
}
}
/*トップ木3*/
.wood-03{
	position:absolute;
	left: 50%;
    transform: translateX(calc(-50% + 28vw));
    bottom: 260px;
    max-width: 5.8vw;
	z-index:99;
}
.wood-kotei3{
	position:absolute;
	left: 50%;
    transform: translateX(calc(-50% + 28vw));
    bottom: 230px;
    max-width: 0.8vw;
	z-index:98;
}
/*トップ木4*/
.wood-04{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 41.7vw));
    bottom: 210px;
    max-width: 4vw;
    z-index: 99;
}
.wood-kotei4{
	    position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 41.7vw));
    bottom: 170px;
    max-width: 0.6vw;
    z-index: 98;
}
/*トップ木5*/
.wood-05{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 32vw));
    bottom: 170px;
    max-width: 7.3vw;
    z-index: 99;
}
.wood-kotei5{
	position:absolute;
	left: 50%;
    transform: translateX(calc(-50% + 32vw));
    bottom: 135px;
    max-width: 1.6vw;
	z-index:98;
}
/*トップうさぎ*/
.jump-01{
	position:absolute;
	left: 50%;
    transform: translateX(calc(-50% + 43vw));
    bottom: -80px;
    max-width: 3.4vw;
	z-index:99;
}
@media screen and (max-width: 768px) {
	.jump-01{
    transform: translateX(calc(-50% + 140px));
    bottom: -150px;
    max-width: 35px;
}
}
/*トップ鳥*/
.bird-01{
	position: absolute;
    left: 48%;
    transform: translateX(calc(-50% - 25vw));
    top: -6vw;
    max-width: 5.9vw;
    z-index: 99;
}
@media screen and (max-width: 768px) {
	.bird-01{
		transform: translateX(calc(-50% - 100px));
		max-width: 89.5px;
		top: -100px;
	}
}
/*トップの左円*/
.maru-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 47vw));
    top: 50px;
    max-width: 19.6vw;
    z-index: 99;
}

/*トップの下円*/
.maru-02{
		position: absolute;
		left: 50%;
    	transform: translateX(calc(-50% - 15vw));
		bottom: -220px;
		max-width: 12.3vw;
		z-index: 99;
	}
@media screen and (max-width: 768px) {
	.maru-02{
		left: -80px;
		bottom: -120px;
		max-width: 185px;
		transform: none;
	}
}
/*トップのリス*/
.piko-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 41vw));
    bottom: -80px;
	max-width:4.8vw;
    z-index: 99;
}
@media screen and (max-width: 768px) {
.piko-01{
	display:none;
}
}

/*トップはりねずみ*/
.hari-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 8vw));
    bottom: -180px;
	max-width:5.4vw;
    z-index: 99;
}
@media screen and (max-width: 768px) {
	.hari-01{
		transform: translateX(calc(-50% - 60px));
		bottom: -210px;
		max-width:70px;
	}	
}

/*sec-01のアニーメーション*/
/*sec1-boxの大きさ*/
.sec-box1{
	width:100%;
	max-width:1800px;
	height:auto;
	position:relative;
}
.kotei-sec01{
	position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(calc(-50% - 660px));
    max-width: 199px;
}
.sec1-ani-01{
	position: absolute;
    left: 52vw !important;
    transform: translateX(calc(-50% + 650px));
    max-width: 420px;
    top: -110px;
    z-index: 99;
}
.sec1-ani-02{
	position: absolute;
	right: 28vw;
    transform: translateX(calc(-50% - 730px));
    max-width: 450px;
    top: 180px;
    z-index: 99;
}
.sec1-ani-03{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 800px));
    max-width: 346px;
    top: 380px;
    z-index: 99;
}
.sec1-ani-04{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 350px));
    bottom: -9px;
    max-width: 91px;
    z-index: 99;
}
.sec1-kotei-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 730px));
    bottom: -100px;
    max-width: 239px;
    z-index: 99;
}
/*sec-02のアニーメーション*/
/*sec2-boxの大きさ*/
.sec-box2{
	width:100%;
	max-width:1800px;
	height:auto;
	position:relative;
}
.sec2-ani-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 850px));
    max-width: 378px;
    top: 50px;
    z-index: 99;
}
.sec2-ani-02{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 120px));
    max-width: 41px;
    top: 30px;
    z-index: 99;
}
.sec2-ani-03{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 120px));
    max-width: 51px;
    top: 0px;
    z-index: 99;
}
.sec2-ani-04{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 880px));
    max-width: 257px;
    top: 50px;
    z-index: 99;
}
.sec2-ani-05{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 60px));
    max-width: 48px;
    top: -140px;
    z-index: 99;
}
/*sec-03のアニーメーション*/
/*sec3-boxの大きさ*/
.sec-box3{
	width:100%;
	max-width:1800px;
	height:auto;
	position:relative;
}
.sec3-ani-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 900px));
    max-width: 378px;
    top: -400px;
    z-index: 99;
}
.sec3-ani-02{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 900px));
    max-width: 88px;
    top: -350px;
    z-index: 99;
}
.sec3-ani-03{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 900px));
    max-width: 15px;
    top: -250px;
    z-index: 98;
}
/*sec-04のアニーメーション*/
/*sec4-boxの大きさ*/
.sec-box4{
	width:100%;
	max-width:1800px;
	height:auto;
	position:relative;
}
.sec4-ani-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 0px));
    max-width: 183px;
    top: -70px;
    z-index: 99;
}
.sec4-ani-02{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 0px));
    max-width: 183px;
    top: -70px;
    z-index: 99;
}
.sec4-ani-03{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 450px));
    max-width: 223px;
    top: -0px;
    z-index: 99;
}
.sec4-ani-04{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 450px));
    max-width: 213px;
    top: 500px;
    z-index: 99;
	
}
.sec4-ani-05{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 450px));
    max-width: 103px;
    top: -80px;
    z-index: 99;
	
}
.sec4-ani-06{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 580px));
    max-width: 93px;
    top: 280px;
    z-index: 99;
	
}
/*sec-05のアニーメーション*/
/*sec5-boxの大きさ*/
.sec-box5{
	width:100%;
	max-width:1800px;
	height:auto;
	position:relative;
}
.sec5-ani-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 600px));
    max-width: 516px;
    top: -130px;
    z-index: 99;
}
.sec5-ani-02{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 0px));
    max-width: 81px;
    top: 0px;
    z-index: 99;
}
.sec5-ani-03{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 0px));
    max-width: 125px;
    top: 0px;
    z-index: 99;
}
.sec5-ani-04{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 380px));
    max-width: 372px;
    top: -180px;
    z-index: 99;
}
.hart-box{
	width:100%;
	max-width: 140px;
	height:auto;
	position:relative;
}
.sec5-ani-05{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 190px));
    max-width: 140px;
    top: -80px;
    z-index: 99;
}
.sec5-ani-06{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 60px));
    max-width: 140px;
    top: -80px;
    z-index: 99;
}
.sec5-ani-07{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 170px));
    max-width: 140px;
    top: -80px;
    z-index: 99;
}
.sec5-ani-08{
	position: absolute;
    left: 50%;
   transform: translateX(calc(-50% - 80px));
    max-width: 140px;
    top: -80px;
    z-index: 99;
}
/*sec-06のアニーメーション*/
/*sec6-boxの大きさ*/
.sec-box6{
	width:100%;
	max-width:1800px;
	height:auto;
	position:relative;
}
.sec6-ani-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 250px));
    max-width: 124px;
    top: -30px;
    z-index: 99;
}
.sec6-ani-02{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 850px));
    max-width: 438px;
    top: 80px;
    z-index: 99;
}
.sec6-ani-03{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 850px));
    max-width: 292px;
    top: 80px;
    z-index: 99;
}
.sec6-ani-04{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 830px));
    max-width: 232px;
    top: 165px;
    z-index: 99;
}
.sec6-ani-05{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 780px));
    max-width: 65px;
    top: -230px;
    z-index: 99;
}
.sec6-kotei-01{
	position: absolute;
     left: 50%;
    transform: translateX(calc(-50% - 750px));
    max-width: 217px;
    top: -50px;
    z-index: 99;
}
.sec6-kotei-02{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 835px));
    max-width: 50px;
    top: 350px;
    z-index: 99;
}
.sec6-kotei-03{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 735px));
    max-width: 235px;
    bottom: -280px;
    z-index: 99;
}
.sec6-kotei-04{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 500px));
    max-width: 63px;
    bottom: -50px;
    z-index: 99;
}
.sec6-kotei-05{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 735px));
    max-width: 235px;
    bottom: 0px;
    z-index: 99;
}
/*sec-06のアニーメーション*/
/*sec6-boxの大きさ*/
.sec-box7{
	width:100%;
	max-width:1800px;
	height:auto;
	position:relative;
}
.sec7-ani-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 750px));
    max-width: 250px;
    top: 80px;
    z-index: 99;
}
.sec7-ani-02{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 830px));
    max-width: 319px;
    top: 880px;
    z-index: 99;
}
.sec7-ani-03{
	position: absolute;
    left: 50%;
        transform: translateX(calc(-50% - 950px));
    max-width: 522px;
    bottom: -150px;
    z-index: 99;
}
.sec7-kotei-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% - 850px));
    max-width: 271px;
    bottom: 0;
    z-index: 99;
}
/*フッターのアニーメーション*/
.sec-box-foot{
	width:100%;
	height:auto;
	position:relative;
}
.foot-ani-01{
	position: absolute;
    left: 50%;
    transform: translateX(calc(-50% + 275px));
    max-width: 88px;
    bottom: -20px;
    z-index: 99;
}
/*ノートパソコン調整　トップページ*/
@media screen and (min-width: 769px) and (max-width: 1275px){
	.npc-txt14{
		font-size:14px !important;
	}
	.npc-txt16{
		font-size:16px !important;
	}
	.npc-txt17{
		font-size:17px !important;
	}
	.npc-txt18{
		font-size:18px !important;
	}
	.npc-txt19{
		font-size:19px !important;
	}
	.npc-txt20{
		font-size:20px !important;
	}
	.npc-txt24{
		font-size:24px !important;
	}
	.npc-txt30{
		font-size:30px !important;
	}
	.npc-mt30{
		margin-top:30px !important;
	}
	.npc-mt-120{
		margin-top:-120px !important;
	}
	.npc-ml120{
		margin-left:120px !important;
	}
	.sec1-ani-01 {
	transform: translateX(calc(-50% + 500px));
	max-width: 300px;
	top: -120px;
	}
	.sec1-ani-02 {
		display:none;
	}
	.sec5-ani-04 {
	transform: translateX(calc(-50% + 260px));
	max-width: 302px;
	top: -130px;
	}
	.sec5-ani-05 {
	transform: translateX(calc(-50% - 90px));
	max-width: 60px;
	top: -70px;
	}
	.sec5-ani-06 {
	max-width: 60px;
	top: -70px;
	}
	.sec5-ani-01 {
	transform: translateX(calc(-50% - 400px));
	}
	.npc-absolute{
		position:absolute;
		left:0;
	}
	.sec5-ani-07 {
	transform: translateX(calc(-50% - 130px));
	max-width: 60px;
	top: -70px;
	}
	.sec5-ani-08 {
	max-width: 60px;
	top: -70px;
	}
	/*FCページ*/
	.txt-add{
		font-size:28px !important;
	}
}


/*スマホ調整　トップページ*/
@media screen and (max-width: 768px) {
	.bg-01{
		background-image:url('https://momori.jp/wp-content/uploads/2026/04/sec-01-img04sp.png') !important;
		margin-top: 35px !important;
		margin-bottom: 5px !important;
	}
	h3.bg-01{
		font-size:18px;
		padding-top:5px;
	}
	.sec1-ani-01 {
		transform: translateX(calc(-50% + 90px));
		width: 275px;
	}
	.sec-box1 .maru-01 {
	position: absolute;
	left: 50%;
	transform: translateX(calc(-50% - 125px));
	top: -320px;
	max-width: 110px;
	z-index: 99;
	}
	.sec1-ani-04 {
		transform: translateX(calc(-50% - 140px));
		bottom: -9px;
		width:60px;
	}
	figure.mw-300 img{
		width:220px !important;
	}
	p.sptxt-20{
		font-size:20px !important;
	}
	.spimg-size01{
		flex-basis:150px !important;
	}
	.spimg-size02 img{
		width:90px !important;
	}
	.sptxt-11{
		font-size:11px !important;
	}
	.sptxt-12{
		font-size:12px !important;
	}
	.sptxt-13{
		font-size:13px !important;
	}
	.sptxt-14{
		font-size:14px !important;
	}
	.sptxt-16{
		font-size:16px !important;
	}
	.sptxt-18{
		font-size:18px !important;
	}
	.sptxt-20{
		font-size:20px !important;
	}
	.sptxt-22{
		font-size:22px !important;
	}
	.sptxt-24{
		font-size:24px !important;
	}
	.sptxt-26{
		font-size:26px !important;
	}
	.sptxt-28{
		font-size:28px !important;
	}
	.sptxt-30{
		font-size:30px !important;
	}
	.sptxt-16a{
		font-size: 21px !important;
		padding-top: 2px;
	}
	.sptxt-16a span{
		font-size:11px !important;
	}
	.sp-mt50{
		margin-top:50px !important;
	}
	.sp-mt20{
		margin-top:20px !important;
	}
	.sp-mt30{
		margin-top:30px !important;
	}
	.sp-mb01{
		margin-bottom:3px !important;
	}
	.sppb-01{
		padding-bottom:20px !important;
	}
	.sppb-01a{
		padding-bottom:40px !important;
	}
	.sppt-01{
		padding-top:20px !important;
	}
	.sppt-01a{
		padding-top:40px !important;
	}
	.sppt-02a{
		padding-top:80px !important;
	}
	.spmb-10{
		margin-bottom:50px !important;
	}
	.spmb-20{
		margin-bottom:20px !important;
	}
	.spmt-10{
		margin-top:-20px !important;
	}
	.spmt-0{
		margin-top:0px !important;
	}
	.spmt-11{
		margin-top:-50px !important;
	}
	.sp-gap{
	gap: 2em 5px !important;
		}
	.sec2-ani-01 {
	transform: translateX(calc(-50% + 160px));
	max-width: 158px;
	top: -150px;
	}
	.sppt-02{
		padding-top:10px !important;
	}
	.sppt-0{
		padding-top:0px !important;
	}
	.sppt-03{
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.sppt-04{
		padding-left:20px !important;
	}
	.sppt-09{
		padding-left:20px !important;
		padding-right:20px !important;
		padding-top:20px !important;
		padding-bottom:20px !important;
	}
	.sppt-09a{
		padding-left:30px !important;
		padding-right:30px !important;
	}
	figure.img-w255 img{
		width:255px !important;
	}
	.sec2-ani-05 {
		transform: translateX(calc(-50% - 120px));
		max-width: 38px;
		top: -60px;
		}
	.col-65{
		flex-basis:65px !important;
	}
	.col-45{
		flex-basis:45px !important;
	}
	.sppl-04{
		padding-left:20px !important;
	}
	.sec4-ani-02{
		top:-50px;
	}
	.sec4-ani-01{
		top:-50px;
	}
	.scroll-container{
	  overflow-y: auto;
		padding: 0;
		width: 100%;
		position:relative;
	}
	.scroll-container::after {
	  content: 'scroll→';
		font-size: 16px;
		color: #fff;
	  position: absolute;
	  left: 0px;
	  bottom: 240px;
	  animation: scroll-hint 1s infinite;
	}
	@keyframes scroll-hint {
	  0% { transform: translateX(0); }
	  50% { transform: translateX(5px); }
	  100% { transform: translateX(0); }
	}
	.scroll-container2{
	  overflow-y: auto;
		padding: 0;
		width: 100%;
		position:relative;
	}
	.scroll-container2::after {
	  content: 'scroll→';
		font-size: 16px;
		color: #409B75;
	  position: absolute;
	  left: 0px;
	  bottom: 60px;
	  animation: scroll-hint 1s infinite;
	}
	.fixed-img img{
	 width: 160vw !important;
		max-width: 600px;
	  object-fit: cover; 
	  flex-shrink: 0;
	}
	.sec5-ani-05 {
	transform: translateX(calc(-50% - 90px));
	}
	.sec5-ani-06 {
	transform: translateX(calc(-50% + 90px));
	}
	.sec5-ani-01 {
	transform: translateX(calc(-50% + 150px));
	width: 300px;
	top: -1305px;
	}
	.spimg-re img{
		width:280px !important;
	}
	.sec5-ani-04 {
	transform: translateX(calc(-50% - 80px));
	top: 700px;
	}
	.sp-relative{
		position:relative;
		height:150px;
	}
	.sp-absolute{
		position:absolute;
		top: -50px;
		left: -40px;
		z-index:95;
	}
	.sec5-ani-07 {
	transform: translateX(calc(-50% + 120px));
	}
	.z99{
		z-index:99;
	}
	.sec5-ani-02 {
	max-width: 41px;
	}
	.sec5-ani-02 {
		top: -80px;
	}
	.sec6-kotei-01 {
	transform: translateX(calc(-50% - 100px));
	top: -250px;
	}
	.sec6-ani-01 {
	transform: translateX(calc(-50% - 100px));
	max-width: 60px;
	top: -10px;
	}
	.order2{
		order:2;
	}
	.order3{
		order:3;
	}
	.order3 iframe{
		height:200px !important;
		width:100% !important;
	}
	.info-box p{
		font-size:14px !important;
	}
	.sppt-19 {
	padding-left: 30px !important;
	padding-right: 40px !important;
	padding-top: 80px !important;
	padding-bottom: 40px !important;
	}
	.scroll-infinity__item {
	  width: 200px !important;
	}
	.sp-w300{
		flex-basis:300px !important;
	}
	.sp-w50{
		flex-basis:70px !important;
	}
	.sp-order-2{
		order:2;
	}
	.sp-center{
		float:initial !important;
		display:block !important;
		text-align: center;
	}
	.sptxt-center{
		text-align:center !important;
	}
	.sec6-kotei-04{
    transform: translateX(calc(-50% - 150px));
    bottom: -10px;
	}
}
@media screen and (max-width: 768px) {
	body.page-id-580::after{
		background-image:url('https://momori.jp/wp-content/uploads/2026/04/sp-topimg-kotei01.png');
		width:200px;
		height:200px;
	}
}
.form .submit-btn:hover{
	background-color:#FA7DB6;
}

/* トップロゴアニメーション */
.toplogo-ani {
  position: relative;
    width: 78%;
    height: 11vw;
}

.toplogo-ani::before {
  content: "";
  position: absolute;
  top: 2px; left: 30px;
  width: 90%; height: 60%;
  background-color: #FA7DB6;
  z-index: 1; 
  transform: scaleY(0); /* 初期状態を0（非表示）に */
  transform-origin: top; 
  animation: slideDown 2s ease-out 2s forwards;
}
.toplogo-ani::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url('https://momori.jp/wp-content/uploads/2026/07/momori.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2; 
  pointer-events: none;
}
@keyframes slideDown {
  from {
    transform: scaleY(0); 
  }
  to {
    transform: scaleY(1); 
  }
}
@media screen and (max-width: 768px) {
	.toplogo-ani {
	height:90px;
}
.toplogo-ani::after {
  background-image: url('https://momori.jp/wp-content/uploads/2026/05/momori-sp.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2; 
  pointer-events: none;
	height:101%;
	width:101%;
}
}
.top-img-kotei-1 img{
	width:44vw;
}
.top-img-kotei-2 img{
	width:5.8vw;
}
.top-img-kotei-3 img{
	width:36.8vw;
}

/*お知らせ一覧*/
.btn{
	border:none !important;
}
.card-img-overlay .vk_post_imgOuter_singleTermLabel{
	color:#000 !important;
}
.widget_categories li.cat-item a:hover{
	color:#409B75;
}
.sub-section-title{
	color:#409B75;
	padding-left: 5px;
    padding-bottom: 10px;
}

/*SP版のみアニメーションの詳細指定*/
@media screen and (max-width: 768px) {
    .rotateInDownRight,	.rotateInDownLeft,
    .motion{
        animation: none !important;
    }
	.sec5-ani-02{
    left: 20% !important;
	top: -60px !important;
	}
    .pc {
        display: none;
    }
	.toplogo-ani::before{
		display:none;
	}
}

@media screen and (min-width: 769px) {
    .sp {
        display: none;
    }
}