@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Smooch&family=UoqMunThenKhung&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spinnaker&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&family=Spinnaker&display=swap');
/* CSS Document */
html{
	word-break: break-word;
    color: #333;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}
body {
    margin: 0;
  }
::-moz-selection {
    color: #fff;
    /*background: var(--color-theme);*/
  }

 ::selection {
    color: #fff;
    /*background: var(--color-theme);*/
  }

.m-photo{
  position: relative;/*親要素にrelative*/
	height: 800px;
	text-align: center;
	margin-bottom: 2em;
}
.m-photo img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.m-photo p.catch{
	margin: 0px;
  font-family: "UoqMunThenKhung", serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  position: absolute;
  font-size: 7rem;
  top:50%;/*左上に配置*/
  left: 50%;/*左上に配置*/
	color:rgba(255,255,255,0.5);
/*color: #cb5750;
	text-shadow:
        0 1px 0 #cb5750,
        0 4px 5px #4d2f1e;*/
	transform: translate(-50%,-50%);
}
.m-photo2{
  position: relative;/*親要素にrelative*/
	height: 850px;
	text-align: center;
	margin-bottom: 2em;
}
.m-photo2 img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
@media screen and (min-width:789px){
.m-photo3 {
	display: none !important;
}
.m-photo3 img{
	display: none !important;
	}
}
#hieiri{
	text-align: center;
}
#hieiri img{
	width: 70%;
	margin: 20px;
}
.tittle25 {
	font-size: 1.2rem;
	font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
	display: inline-block;
	color: #fff;
	padding: 8px 38px;
	background: #d6bda3;
	/*background: #a7925d;*/
	text-align: center;
	border-radius: 40px;
	box-shadow: 0px 0px 0px 5px #d6bda3;
  border: dashed 1px #a7925d;
	margin-bottom: 0;
}
.lead25{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal; 
	font-size:1.1rem;
	text-align: center;
	color: #9b8874;
	padding:70px 0;
	line-height: 2.3rem;
	margin-top: 0;
	padding-top: 2.5rem;
}
@media screen and (max-width:49.25em){
	/* 788px以下向けのモバイル版グリッド・スタイル */
	.m-photo p.catch{
	font-size: 3.5rem;
	}
	.m-photo{
	height: 600px;
}
	#hieiri{
		padding-left: 20px;
		padding-right: 20px;
}
	.m-photo2{
		display: none;
	}
	.m-photo2 img{
		display: none !important;
}
	.m-photo3{
  position: relative;/*親要素にrelative*/
	height: 700px;
	text-align: center;
	margin-bottom: 2em;
}
.m-photo3 img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.m-photo3 p.catch{
	margin: 0px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  position: absolute;
  font-size: 2.3rem;
  top:20%;/*左上に配置*/
  left: 50%;/*左上に配置*/
	/*color:rgba(255,255,255,0.9);*/
color: #fff;
	/*text-shadow:
        0 1px 0 #93a584,
        0 4px 5px #fff;*/
	transform: translate(-50%,-50%);
	background: #b5c3aa;
	padding: 6px 15px;
}
	.lead25{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal; 
	font-size:1.1rem;
	text-align: center;
	color: #9b8874;
	padding:70px 0;
	line-height: 2rem;
	margin-top: 0;
	padding-top: 2.5rem;
}
}
.m-photo p.copy-b{
  position: absolute;/*重ねたい子要素にabsolute*/
  top:55%;
	text-align: center;
 -ms-transform: translate(-30%,-20%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-30%,-20%);/*ベンダープレフィックス*/
  transform: translate(-30%,-20%);/*センター寄せの修正*/
  color: #fff;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
	font-size: 1.3em;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
  text-shadow: 0 0 0.3em rgb(129 121 119 / 0.9);
	line-height: 1.5em;
}
#kankyo{
	background-color: #d6e2cc;
	margin-bottom: 2rem;
}
#kankyo img{
	margin: 1rem 0;
}
.newbox-insta {
  position: relative;
  max-height: 1500px;
  overflow: auto;
  /*margin-bottom: 1.5rem;*/
  padding-top: 2rem;
}
.section::-webkit-scrollbar {
  width: 16px;
}
.section::-webkit-scrollbar-track {
  background-color: #AF9F8E;
  border-radius: 100px;
}
.section::-webkit-scrollbar-thumb {
  background-color: #4a5f6f;
  border-radius: 100px;
}
.section {
  scrollbar-color: #ef857f #fff;
}
.insta-part{
	text-align: center;
	margin-bottom: 20px;
}
.center2025{
	text-align: center;
}
h3.subpro{
	padding: .5em;
    background: #d28a8c;
    font-weight: normal;
	color: #fff;
	border-radius: .8em 0 .8em 0;
}