@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}


/* --------------- main --------------- */
.shop-btn {
  position: fixed;
  width:100px;
  height: 100px;
  bottom:50px;
  right:50px;
  z-index: 9;
  transition: all 0.4s ease;
}
@media screen and (max-width:757px) {
	.shop-btn { width:80px; height:80px; right:30px; bottom:30px; }
}

.shop-btn:hover {
  transform: scale(1.1);
  transition: all 0.4s ease;
}


/* --------------- 見出し --------------- */
.midashi-green-footer {
  width:calc(100% - 10vw);
  max-width:1350px;
  position: relative;
  top:130px;
  left:10vw;
}
@media screen and (max-width:757px) {
	.midashi-green-footer { width:80%; max-width:100%; left:10%; top:50px; }
}

.midashi-green {
  width:calc(100% - 10vw);
  max-width:1350px;
  position: relative;
  top:90px;
  left:10vw;
}
@media screen and (max-width:757px) {
	.midashi-green { width:80%; max-width:100%; left:10%; top:50px; }
}

.midashi-green-moji-1 {
  font-family: poppins, sans-serif;
  font-size: 20px;
  color:#0C6E45;
  margin-bottom:5px;
}
@media screen and (max-width:757px) {
	.midashi-green-moji-1 { font-size:14px; }
}

.midashi-green-moji-2 {
  font-family: dnp-shuei-ymincho-std, sans-serif;
  font-weight: bold;
  font-size: 36px;
  letter-spacing: 1px;
  color:#0C6E45;
}
@media screen and (max-width:757px) {
	.midashi-green-moji-2 { font-size:23px; letter-spacing: 0px; }
}

.midashi-green-moji-2::after{
  content:"";
  display:block;
  width:50px;
  height:2px;
  background-color:#0C6E45;
  position:absolute;
  bottom:-20px;
  left:0px;
}
@media screen and (max-width:757px) {
	.midashi-green-moji-2::after { width:30px; }
}






.midashi-white {
  display:block;
  width:calc(100% - 10vw);
  max-width:1350px;
  position: relative;
  top:90px;
  left:10vw;
}
@media screen and (max-width:757px) {
	.midashi-white { width:80%; max-width:100%; left:10%; top:50px; }
}

.midashi-white-moji-1 {
  font-family: poppins, sans-serif;
  font-size: 20px;
  color:#fff;
  margin-bottom:5px;
}
@media screen and (max-width:757px) {
	.midashi-white-moji-1 { font-size:14px; }
}

.midashi-white-moji-2 {
  font-family: dnp-shuei-ymincho-std, sans-serif;
  font-weight: bold;
  font-size: 36px;
  letter-spacing: 1px;
  color:#fff;
}
@media screen and (max-width:757px) {
	.midashi-white-moji-2 { font-size:23px; letter-spacing: 0px; }
}

.midashi-white-moji-2::after{
  content:"";
  display:block;
  width:50px;
  height:2px;
  background-color:#fff;
  position:absolute;
  bottom:-20px;
  left:0px;
}
@media screen and (max-width:757px) {
	.midashi-white-moji-2::after { width:30px; }
}