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

.background-yama {
	background-image: 
		url("../image/background-yama-pc.png"),
		url("../image/background-yama-pc.png"),
		url("../image/background-yama-pc.png"),
		url("../image/background-yama-pc.png");
	background-repeat: 
		no-repeat,
		no-repeat,
		no-repeat,
		no-repeat;
	height: 
		2015px,
		2015px,
		2015px,
		2015px;
	background-position: 
		left -1236px top 0,
		right -1236px top 2515px,
		left -1236px top 5020px,
		right -1236px top 07535px;
}
.section-top {
  margin-top: 160px;
}
.section-top-background {
  background-image: url("../image/DSC_1545.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 730px;
  position: relative;
}
.section-top h2 {
  padding: 70px 0 0 208px;
  font-size: 1.8rem;
  line-height: 42px;
  color: #fff;
  font-weight: 500;
  text-align: left;
  text-shadow: 0 0 1em #b07e10;
}
.section-top-span {
  text-shadow: 0 0 0.05em #FFF, 0 0 1.0em #FFF, 0 0 0.80em #FFF, 0 0 1.0em #FFF, 0 0 0.80em #FFF, 0 0 1.0em #FFF, 0 0 1.0em #FFF, 0 0 0.80em #FFF, 0 0 1.0em #FFF, 0 0 0.80em #FFF, 0 0 1.0em #FFF, 0 0 1.0em #FFF, 0 0 0.80em #FFF, 0 0 1.0em #FFF, 0 0 0.80em #FFF, 0 0 1.0em #FFF;
  color: #b07e10;
  font-weight: 600;
}
.section-top h2 span {
  font-size: 2.8rem;
}
.section-top-image-contact {
  position: fixed;
  right: 90px;
  bottom: 40px;
  transition: 1s;
  opacity: 0.7;
  z-index: 99998;
}
.section-top-image-contact:hover {
  opacity: 1;
}
.section-top-image-contact-sp {
  display: none;
}
.section-top-image-facebook {
  position: fixed;
  bottom: 160px;
  right: 90px;
  transition: 1s;
  opacity: 0.7;
  z-index: 99998;
}
.section-top h3 {
  color: #fff;
  font-size: 1.4rem;
  text-align: left;
  position: absolute;
  bottom: 70px;
  left: 20px
}
/*TOPimageの600px～1023px*/
@media(min-width:600px) and (max-width: 1023px) {
  .section-top-background {
    background-size: 125%;
  }
}
/*TOPの1023px以下*/
@media(max-width: 1023px) {
  .section-top-background {
    height: 685px;
  }
  .section-top h2 {
    padding: 120px 20px 0;
    font-size: 1.3rem;
    line-height: 30px;
  }
  .section-top h2 span {
    font-size: 1.6rem;
  }
  .section-top {
    margin-top: 0px;
  }
  .section-top h3 {
    position: absolute;
    bottom: 70px;
    left: 20px
  }
  .section-top-image-contact-sp {
    display: block;
    position: fixed;
    right: 20px;
    bottom: 20px;
    transition: 1s;
    opacity: 0.7;
    z-index: 99998;
    width: 15%;
  }
  .section-top-image-contact {
    display: none;
  }
  .section-top-image-contact-sp:hover {
    opacity: 1;
  }
  .section-top-image-facebook {
    position: absolute;
    bottom: 290px;
    right: 20px;
    transition: 1s;
    opacity: 0.7;
    z-index: 99998;
    width: 10%;
  }
}
/*TOPimageの599px以下*/
@media(max-width: 599px) {
  .section-top-background {
    background-size: 260%;
  }
}
/*newsのpc幅*/
.section-news {
  margin: 100px 0;
  position: relative;
}
.section-news-list {
  margin: 0 auto 200px;
}
.section-news-list-left {
  display: inline-block;
  margin-bottom: 50px;
  text-align: left;
  max-width: 258px;
  color: #333333;
  margin: 20px 30px 20px 0;
  font-size: 1.6rem;
}
.section-news-list-right {
  display: inline-block;
  margin-bottom: 50px;
  text-align: left;
  max-width: 258px;
  color: #333333;
  margin: 20px 30px 20px 0;
  font-size: 1.6rem;
}
.section-news h3 {
  font-size: 1.8rem;
}
.section-news-title-border {
  border-bottom: dotted #0f643f;
  width: 142px;
  margin: 0 auto 20px;
}
.section-news-date {
  text-align: left;
  font-size: 1.8rem;
  margin-bottom: 20px;
  color: #333333;
}
.section-news-category {
  background-color: #b07e10;
  color: #FFFFFF;
  width: 65px;
  height: 18px;
  border-radius: 20px;
  font-size: 1.2rem;
  margin-bottom: 20px;
  text-align: center;
}
.section-news-list-right:last-child {
  margin-right: 0;
}
.section-news-list h3 {
  margin: 20px 30px 20px 0;
}
.section-news-list p {
  font-size: 1.6rem;
  margin: 0 30px 0 0;
}
.section-news-button {
  position: absolute;
  bottom: 0px;
  right: -120px;
  text-align: right;
  background-color: #0f643f;
  color: #FFFFFF;
  width: 260px;
  height: 60px;
  border-radius: 30px;
  font-size: 1.8rem;
  margin: 0 280px 100px 935px;
  padding-top: 15px;
}
.section-news-button span {
  margin: 0 20px 0 30px;
  text-align: left;
}
  .dotline {
    width: 0 auto;
  }
	.dotline img {
		width: 100%;
	}
/*newsのスマホ幅*/
@media(max-width: 1023px) {
  .section-news {
    margin: 70px 0;
  }
  .section-news-list-left img {
    max-width: 140px;
  }
  .section-news-list-left {
    max-width: 157px;
    margin: 0 20px 50px 0;
  }
  .section-news-list-left:nth-child(2) {
    margin-right: 0;
  }

  .section-news-list-right {
    display: none;
  }
  .section-news h3 {
    font-size: 1.2rem;
    margin: 0;
  }
  .section-news h1 {
    font-size: 3.0rem;
    margin-bottom: 10px;
  }
  .section-news-title-border {
    width: 132px;
    margin: 0 auto 40px;
  }
  .section-news-date {
    font-size: 1.2rem;
  }
  .section-news-category {
    width: 60px;
    height: 18px;
    border-radius: 10px;
    font-size: 0.9rem;
    margin-bottom: 20px;
  }
  .section-news-list h3 {
    max-width: 160px;
    font-size: 1.4rem;
  }
  .section-news-list p {
    display: none;
  }
  .section-news-list {
    margin: 0;
  }
  .section-news-button {
    position: static;
    margin: 0 auto 65px auto;
    padding-top: 15px;
  }
  .section-news-button span {
    margin: 0 20px 0 30px;
    text-align: left;
  }
}
/*ourwishのpc幅*/
.section-ourwish-title-icon {
  text-align: left;
  margin-left: 110px;
}
.section-ourwish h3 {
  font-size: 1.8rem;
  margin: 0 0 0 100px;
  text-align: left;
}
.section-ourwish h1 {
  text-align: left;
}
.section-ourwish-title-border {
  border-bottom: dotted #0f643f;
  width: 260px;
  margin-bottom: 30px;
  text-align: left;
}
.section-ourwish ul {
  display: flex;
  margin: 0 auto 0 208px;
  list-style: none;
}
.section-ourwish-list-text {
  margin-right: 50px;
  width: 37%;
}
.section-ourwish h2 {
  font-size: 2.4rem;
  font-weight: 500;
  margin-bottom: 50px;
  text-align: left;
  line-height: normal;
  color: #333;
}
.section-ourwish p {
  margin-bottom: 50px;
  text-align: left;
  font-weight: 500;
  color: #333;
}
.section-ourwish-button {
  background-color: #0f643f;
  color: #FFFFFF;
  width: 260px;
  height: 60px;
  border-radius: 30px;
  font-size: 1.8rem;
  margin: 0 0 100px 0;
  padding-top: 18px;
  text-align: right;
}
.section-ourwish-button span {
  margin: 0 20px 0 45px;
  text-align: left;
}
.section-ourwish-list-image {
  position: relative;
  text-align: left;
	
}
.section-ourwish-list-image-left {
  margin-top: 70px;
  position: absolute;
  z-index: 500;
    transition: all 1s ease-in-out;
}
.section-ourwish-list-image-right {
  margin: 211px 0 0 226px;
  position: absolute;
  z-index: 5;
	
    transition: all 1s ease-in-out;
}
@media(max-width: 1290px) {
	  .section-ourwish-list-image {
    position: static;
  }
  .section-ourwish-list-image-left {
    margin: 0 auto;
    width: 80%;
    position: relative;
    z-index: 500;
  }
  .section-ourwish-list-image-right {
    margin: -100px auto 70px 78px;
    width: 80%;
    position: relative;
    z-index: 5;
  }
}
/*ourwishのスマホ幅*/
@media(max-width: 1023px) {
  .section-ourwish ul {
    display: block;
    margin: 0 auto;
  }
  .section-ourwish-title-icon {
    text-align: center;
    margin: 0;
  }
  .section-ourwish h3 {
    font-size: 1.2rem;
    margin: 0;
    text-align: center;
  }
  .section-ourwish h1 {
    font-size: 3.0rem;
    text-align: center;
    margin-bottom: 10px;
  }
  .section-ourwish-title-border {
    width: 207px;
    margin: 0 auto;
    text-align: center;
  }
  .section-ourwish-list-text {
    margin: 0;
    width: auto;
  }
  .section-ourwish h2 {
    font-size: 2.2rem;
    margin: 40px 70px;
  }
  .section-ourwish p {
    margin: 0 30px 40px;
  }
  .section-ourwish-button {
    margin: 0 auto 40px auto;
  }

}
/*wedoのpc幅*/
.section-wedo {
  background-image: url("../image/sakurajima-img.jpg");
  background-size: 100%;
  padding: 100px 0;
}
.section-wedo h3 {
  font-size: 1.8rem;
  color: #FFFFFF;
}
.section-wedo h1 {
  margin-bottom: 5px;
  color: #FFFFFF;
}
.section-wedo img {
  margin-bottom: 10px;
}
.section-wedo-title-border {
  border-bottom: dotted #FFFFFF;
  width: 300px;
  margin: 0 auto 50px;
}
.section-wedo-box {
  background-color: #FFFFFF;
  width: 762px;
  height: 340px;
  border-radius: 50px;
  border: 3px solid #91c329;
  margin: 0 auto;
}
.section-wedo-box h2 {
  font-size: 2.4rem;
  color: #333333;
  margin: 60px auto 30px;
  font-weight: 500;
  line-height: normal;
}
.section-wedo-box span {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: normal;
}
.section-wedo-button {
  background-color: #0f643f;
  text-align: left;
  color: #FFFFFF;
  width: 430px;
  height: 60px;
  border-radius: 30px;
  font-size: 2.2rem;
  margin: 0 auto;
  padding: 10px 0 0 160px;
}
.section-wedo-button span {
  margin: 0 20px 0 45px;
  font-size: 2.2rem;
  text-align: left;
  padding-left: 60px;
}
.section-wedo p {
  margin: 50px auto 0;
  text-align: left;
  color: #FFFFFF;
  font-weight: 500;
  max-width: 1025px;
}
.wedo-br {
  display: none;
}
/*wedoのスマホ幅*/
@media(max-width: 1023px) {
  .section-wedo {
    background-size: 290%;
    background-position-x: center;
    background-repeat: no-repeat;
    padding: 70px 0;
  }
  .section-wedo h3 {
    font-size: 1.2rem;
  }
  .section-wedo h1 {
    font-size: 3.0rem;
    margin: 3px 0 10px;
  }
  .section-wedo img {
    margin-bottom: 5px;
  }
  .section-wedo-title-border {
    width: 230px;
    margin: 0 auto 50px;
  }
  .section-wedo-box {
    width: 340px;
    height: 300px;
  }
  .section-wedo-box h2 {
    font-size: 2.0rem;
    line-height: normal;
    margin: 40px auto 20px;
  }
  .wedo-br {
    display: block;
  }
  .section-wedo-box span {
    font-size: 2.4rem;
    line-height: normal;
  }
  .section-wedo-button {
    width: 260px;
    font-size: 1.8rem;
    padding: 15px 0 0 85px;
  }
  .section-wedo-button span {
    font-size: 1.8rem;
    padding-left: 0;
  }
  .section-wedo p {
    margin: 40px 30px 0;
  }
}
/*leamのpc幅*/
.section-leam {
  margin: 100px auto;
}
.section-leam h3 {
  margin: 3px 0;
}
.section-leam h1 {
  margin-bottom: 5px;
}
.section-leam-title-border {
  border-bottom: dotted #0f643f;
  width: 220px;
  margin: 0 auto 50px;
}
.section-leam ul {
  list-style: none;
  display: flex;
  justify-content: center;
}
.section-leam li {
  margin-right: 70px;
  font-size: 2.4rem;
  font-weight: 600;
}
.section-leam li:last-child {
  margin-right: 0;
}
.section-leam-yerrowbox h4 {
  margin-bottom: 20px;
  color: #a97c14;
}
.section-leam-yerrowbox p {
  margin: 20px 120px;
  text-align: left;
  font-weight: 500;
  color: #a97c14;
  font-size: 1.8rem;
}
.section-leam-redbox h4 {
  margin-bottom: 20px;
  color: #b01b00;
}
.section-leam-redbox p {
  margin: 20px 120px;
  font-weight: 500;
  color: #b01b00;
  font-size: 2.4rem;
}
.section-leam-red {
  color: #b01b00;
  margin-bottom: 50px;
}
.section-leam-red h4 {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.section-leam-green {
  color: #0f643f;
  margin-bottom: 100px;
}
.section-leam-green h4 {
  font-size: 2.4rem;
  font-weight: 600;
  margin: 20px auto;
}
/*leamのスマホ幅*/
@media(max-width: 1023px) {
  .section-leam {
    margin: 70px auto;
  }
  .section-leam h3 {
    font-size: 1.2rem;
    margin-top: 5px;
  }
  .section-leam h1 {
    font-size: 3.0rem;
    margin-bottom: 5px;
  }
  .section-leam-title-border {
    width: 180px;
    margin: 0 auto 40px;
  }
  .section-leam ul {
    display: block;
  }
  .section-leam ul img {
    width: 85%;
	  max-width: 400px;
  }
  .section-leam-fukidashi {
    margin-bottom: 20px;
  }
  .section-leam li {
    margin-right: 0px;
    font-size: 2.4rem;
  }
  .section-leam-yerrowbox p {
    margin: 10px 85px 40px;
    font-size: 1.6rem;
  }
  .section-leam-yerrowbox {
    margin-bottom: 60px;
  }
  .section-leam-redbox p {
    margin: 10px 30px 40px;
    font-size: 1.8rem;
  }
  .section-leam-red {
    margin-bottom: 60px;
  }
  .section-leam-red img {
    width: 85%;
	  max-width: 400px;
  }
  .section-leam-green {
    margin-bottom: 70px;
  }
  .section-leam-green h4 {
    margin: 0px auto 20px;
  }
  .section-leam-green img {
    width: 85%;
	  max-width: 400px;
  }
}
/*bookのpc幅*/
.section-book h1 {
  margin-bottom: 5px;
}
.section-book-title-border {
  border-bottom: dotted #0f643f;
  width: 135px;
  margin: 0 auto 50px;
}
.book-listbox {
  max-width: 1024px;
  margin: 0 auto;
}
.section-book ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}
.section-book ul li {
  margin: auto;
  text-align: center;
  max-width: 258px;
}
.section-book ul li:last-child {
  margin-right: 0;
}
.section-book ul li h4 {
  font-size: 2.2rem;
  font-weight: 500;
  height: 60px;
}
.section-book ul li p {
  font-size: 1.8rem;
}
.section-book-button {
  background-color: #0f643f;
  color: #FFFFFF;
  width: 260px;
  height: 60px;
  border-radius: 30px;
  font-size: 1.8rem;
  margin: 0 0 100px 900px;
  padding-top: 15px;
  text-align: right;
}
.section-book-button span {
  margin: 0 20px 0 45px;
  text-align: left;
}
/*bookのスマホ幅*/
@media(max-width: 1023px) {
  .section-book h1 {
    font-size: 3.0rem;
  }
  .section-book-title-border {
    border-bottom: dotted #0f643f;
    width: 110px;
    margin: 0 auto 40px;
  }
  .book-listbox {
    max-width: 1024px;
    margin: 0 auto;
  }
  .section-book ul {
    display: block;
    margin-bottom: 70px;
  }
  .section-book ul li:last-child {
    margin-right: auto;
  }
  .section-book ul li br {
    display: none;
  }
  .section-book ul li h4 {
    font-size: 2.1rem;
    height: auto;
    margin-bottom: 20px;
  }
  .section-book ul li p {
    font-size: 1.6rem;
    margin: 10px auto 60px;
  }
  .section-book-button {
    background-color: #0f643f;
    color: #FFFFFF;
    width: 260px;
    height: 60px;
    border-radius: 30px;
    font-size: 1.8rem;
    margin: 0 0 100px 900px;
    padding-top: 15px;
    text-align: right;
  }
  .section-book-button span {
    margin: 0 20px 0 45px;
    text-align: left;
  }
}
/*getのpc幅*/
.section-get-mainimage {
  margin: 100px auto;
  background-image: url("../image/child-pc.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 94%;
  max-width: 1260px;
  padding: 80px 0 80px;
  color: #FFFFFF;
}
.section-get-title-border {
  border-bottom: dotted #FFFFFF;
  width: 326px;
}
.section-get-title {
  text-align: left;
  padding: 0 124px 0;
  margin-bottom: 50px;
}
.section-get-title img {
  padding-left: 143px;
}
.section-get-title h3 {
  padding-left: 110px;
}
.sankaku-fukidasi {
  text-align: left;
  padding-left: 124px;
}
.section-get h4 {
  color: #0f643f;
  font-size: 2.4rem;
  margin: 20px 0;
}
.section-get-button {
  background-color: #A2DA2E;
  color: #FFFFFF;
  width: 650px;
  height: 105px;
  border-radius: 50px;
  font-size: 3.0rem;
  font-weight: 600;
  padding: 26px 0 0 200px;
  margin: 0 auto;
}
.section-get-button span {
  margin: 0 0 0 160px;
  text-align: left;
}
/*getのスマホ幅*/
@media(max-width: 1023px) {
  .section-get-mainimage {
    margin: 70px 15px;
    background-size: 275%;
    background-position-x: -360px;
    border-radius: 50px;
    padding: 40px 0;
  }
  .section-get-title-border {
    width: 265px;
    margin: 10px auto 0;
  }
  .section-get-title {
    text-align: center;
    margin-bottom: 40px;
    padding: 0;
  }
  .section-get-title img {
    padding-left: 0;
    margin-bottom: 10px;
  }
  .section-get-title h3 {
    padding-left: 0px;
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .section-get-title h1 {
    font-size: 3.0rem;
  }
  .sankaku-fukidasi {
    padding-left: 0px;
    text-align: center;
	  max-width: 530px;
  }
  .sankaku-fukidasi img {
    width: 100%;
  }
  .section-get h4 {
    font-size: 2.1rem;
    margin: 40px 0 20px;
  }
  .section-get-button {
    background-color: #A2DA2E;
    color: #FFFFFF;
    width: 260px;
    height: 60px;
    border-radius: 30px;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 18px 0 0;
    text-align: right;
    margin: 0 auto;
  }
  .section-get-button span {
    margin: 0 20px 0 45px;
    text-align: left;
  }
}
  /*linkのpc幅*/
  .section-link {
    margin: 90px 0 100px;
  }
  .section-link-title-border {
    border-bottom: dotted #0f643f;
    width: 111px;
    margin: 0 auto 50px;
  }
  .section-link-listbox {
    background-color: #c3de8a;
    padding: 40px 0;
    margin-bottom: 50px;
  }
    .section-link-button {
      background-color: #0f643f;
      color: #FFFFFF;
      width: 260px;
      height: 60px;
      border-radius: 30px;
      font-size: 1.8rem;
      margin: 0 auto;
      padding: 18px 0 0;
      text-align: right;
    }
  .section-link-button span {
    margin: 0 20px 0 45px;
    text-align: left;
  }
  /*linkのスマホ幅*/
  @media(max-width: 1023px) {
    .section-link {
      margin: 70px 0 70px;
    }
    .section-link-title-border {
      width: 111px;
      margin: 0 auto 40px;
    }

    .section-link-button span {
      margin: 0 20px 0 45px;
      text-align: left;
    }
  }
  .lead-movie-button {
    background-color: #0f643f;
    text-align: center;
    color: #FFFFFF;
    height: 90px;
    border-radius: 30px;
    font-size: 2.2rem;
    margin: 10 auto;
    padding: 10px 0 0 0;
  }
  .lead-doc-button {
    background-color: #A2DA2E;
    text-align: center;
    color: #FFFFFF;
    height: 90px;
    border-radius: 30px;
    font-size: 2.2rem;
    margin: 10 auto;
    padding: 10px 0 0 0;
  }