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

* {
	margin:0;
	padding:0;
  /*outline: 1px solid #eb5757;*/
}


body {
  font-family: noto-sans-cjk-jp, sans-serif;
  color: #2B2B2B;
  background-image: url(../image/back.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

.back {
  position:fixed;
  width:100vw;
  height:100vh;
  object-fit: cover;
}


/* --------------- main --------------- */
.main {
  position: relative;
  width:100%;
}

.green-1 {
  background-color: #0C6E45;
  mix-blend-mode:multiply;
  position: absolute;
  top:0;
  height: 210px;
  width:100%;
}
@media screen and (max-width:757px) {
	.green-1 { height: 110px; }
}


.midashi-narabi {
  position: absolute;
  top:160px;
  width:100%;
}
@media screen and (max-width:757px) {
	.midashi-narabi { top:90px; }
}



.child-2{
  width:100vw;
  height:auto;
  position:relative;
  top:300px;
}
@media screen and (max-width:757px) {
	.child-2 { top:220px; }
}

.child-2:before{
  display:block;
  content:'';
  width:100%;
  height:calc(100% + 300px);
  position:absolute;
  top:0px;
  mix-blend-mode:multiply;
  background-color: #0C6E45;
  margin-top:-120px;
  transform: translate3d(0,0,0);
}
@media screen and (max-width:757px) {
	.child-2:before { height:calc(100% + 200px); top:50px; }
}

.yohaku {
  position: static;
  height:220px;
}
@media screen and (max-width:757px) {
	.yohaku { height:100px; }
}

.narabi-2 {
  position: relative;
  width:80vw;
  max-width: 1500px;
  top:0px;
  right:0;
  left:0;
  margin:auto;
  background-image: url(../image/back-2.jpg);
  background-size: 100%;
  background-attachment: fixed;
  padding-left:10vw;
  padding-right:10vw;
  padding-top:100px;
  padding-bottom:100px;
  margin-bottom:480px;
  z-index: 3;
}
@media screen and (max-width:1030px) {
	.narabi-2 { padding-top:30px; padding-left:5vw; padding-right:5vw; width:80vw; max-width:80vw; }
}
@media screen and (max-width:757px) {
	.narabi-2 { padding-top:30px; padding-bottom:50px; padding-left:5vw; padding-right:5vw; width:90vw; max-width:90vw; margin-bottom:350px; }
}



.wrapKOPIPE-OK {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-size:16px;
  line-height: 36px;
  color: #2b2b2b;
  text-align: justify;
  position: relative;
}
@media screen and (max-width:757px) {
	.wrapKOPIPE-OK { font-size:15px; line-height:32px; }
}

.wrapHINAGATA h2 {
  font-family: dnp-shuei-ymincho-std, sans-serif;
  font-size: 28px;
  color: #0C6E45;
  text-align: justify;
  font-weight: bold;
  margin-top:50px;
  margin-bottom:20px;
  position: relative;
  z-index: 5;
}
@media screen and (max-width:757px) {
	.wrapHINAGATA h2 { font-size:20px; line-height: 35px; margin-top:30px; margin-bottom:10px; }
}


.wrapHINAGATA .g-laySecTyp01 h2 {
  margin: 0 0 30px 0;
  padding: 0;
  border-left: none
}
@media screen and (max-width:757px) {
	.wrapHINAGATA .g-laySecTyp01 h2 { margin: 0 0 10px 0; }
}

.wrapHINAGATA ol {
  margin: 20px 0 0 50px;
}
@media screen and (max-width:757px) {
	.wrapHINAGATA ol { margin:10px 0 0 30px; }
}

.wrapHINAGATA ul {
  margin: 20px 0 0 30px;
}
@media screen and (max-width:757px) {
	.wrapHINAGATA ul { margin: 10px 0 0 20px; }
}

.wrapHINAGATA td ul {
  margin: 0;
}

.wrapHINAGATA ol li {
  position: relative;
  list-style: outside decimal;
  padding: 0 0 0 5px;
}

.wrapHINAGATA ol li::marker {
  font-size: 130%;
  font-weight: 700;
  color: #0C6E45;
}