@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: -13px auto 86px auto;position: relative;background: url('../images/natural/contentsmain-back01.png')no-repeat top 130px center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contentsmain .inner-Box figure.photo01 {position: relative;top: 0;left: 0;margin-bottom: -71px;}
#contentsmain .inner-Box figure.photo01 img{  }
#contentsmain .inner-Box h2 {position: relative;z-index: 3;margin-bottom: 29px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box h3 {font-size: 33px;line-height: 1.68;font-weight: 700;letter-spacing: 1.65px;margin-bottom: 9px;position: relative;}
#contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contentsmain .inner-Box figure.photo02 {position: relative;top: 6px;left: 0;}
#contentsmain .inner-Box figure.photo02 img{  }

#contents01 {margin: 0 auto 80px;position: relative;background: #D5CEB8;width: 1280px;padding: 50px 60px 62px 60px;}
#contents01 .back-Box {margin: 0 auto;position: relative;background: #fff;padding: 60px 60px 21px;}
#contents01 .inner-Box1 {margin: 0 auto 61px;position: relative;}
#contents01 .inner-Box1 h2 {font-size: 33px;line-height: 1.68;font-weight: 700;letter-spacing: 1.65px;margin-bottom: 27px;position: relative;}
#contents01 .inner-Box1 h2 span {border-bottom: #F0B93C 2px solid;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin: 0 3px 30px;position: relative;width: 560px;}
#contents01 .inner-Box2 {margin: 0 auto 59px;position: relative;background: #E1E0D4;height: 227px;padding: 27px 30px 0 363px;}
#contents01 .inner-Box2 h3 {font-size: 24px;line-height: 1.68;font-weight: 700;letter-spacing: 1.2px;margin-bottom: 9px;position: relative;}
#contents01 .inner-Box2 figure.photo {position: absolute;top: -34px;left: 33px;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.text2 { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents01 .inner-Box3 { margin: 0 auto; position: relative; }
#contents01 .inner-Box3 h4 {font-size: 33px;line-height: 1.48;font-weight: 700;letter-spacing: 1.65px;margin-bottom: 29px;position: relative;text-align: center;}
#contents01 .inner-Box3 h4 span {border-bottom: #F0B93C solid 2px;}
#contents01 .inner-Box3 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center; /* 横方向の中央寄せ *//* align-items: center; */     /* 縦方向の中央寄せ（必要なら） */}
#contents01 .inner-Box3 ul li {position: relative;width: 497px;border: 8px solid #E1E0D4;margin-right: 40px;padding: 13px 20px 18px 150px;margin-bottom: 30px;}
#contents01 .inner-Box3 ul li:nth-child(2n) { margin-right: 0px; }
#contents01 .inner-Box3 ul li:nth-child(5) { margin-right: 0px; }
#contents01 .inner-Box3 h5 {position: absolute;top: 24px;left: 20px;}
#contents01 .inner-Box3 h5 span{  }
#contents01 .inner-Box3 h5 img {  }
#contents01 .inner-Box3 p.ltext {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;position: relative;}
#contents01 .inner-Box3 ul li:nth-child(3) p.ltext{
    padding-top: 38px;
}
#contents02 {margin: 0 auto 80px;position: relative;background: #D5CEB8;width: 1280px;padding: 60px 60px 62px 60px;}
#contents02 .back-Box {margin: 0 auto;position: relative;background: #fff;padding: 43px 60px 21px;}
#contents02 h2 {font-size: 33px;line-height: 1.68;font-weight: 700;letter-spacing: 1.65px;margin-bottom: 113px;position: relative;text-align: center;}
#contents02 h2 span {border-bottom: #F0B93C 2px solid;}
#contents02 .inner-Box {margin: 0 auto 149px;position: relative;background: #E1E0D4;height: 248px;padding: 36px 420px 0 34px;}
#contents02 .inner-Box .icon{position: absolute;top: -60px;left: 36px;}
#contents02 .inner-Box h3 {font-size: 24px;line-height: 1.68;font-weight: 700;letter-spacing: 1.2px;margin-bottom: 12px;position: relative;}
#contents02 .inner-Box figure.photo {position: absolute;top: -64px;right: 2px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents02 .inner-Box2 {margin: 0 auto 59px;position: relative;background: #E1E0D4;height: 305px;padding: 36px 420px 0 34px;}
#contents02 .inner-Box2 .icon{position: absolute;top: -60px;left: 36px;}
#contents02 .inner-Box2 h3 {font-size: 24px;line-height: 1.68;font-weight: 700;letter-spacing: 1.2px;margin-bottom: 12px;position: relative;}
#contents02 .inner-Box2 figure.photo {position: absolute;top: -64px;right: 2px;}
#contents02 .inner-Box2 figure.photo img{  }
#contents02 .inner-Box2 p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contentsbottom {margin: 0 auto 140px;position: relative;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;padding: 7px 0 0;}
#contentsbottom .inner-Box h2 {font-size: 43px;line-height: 1.68;font-weight: 700;letter-spacing: 0px;margin-bottom: 713px;position: relative;text-align: center;}
#contentsbottom .inner-Box h2 span {font-size: 27px;display: block;}
#contentsbottom .inner-Box figure.photo {position: absolute;top: 159px;left: 50%;transform: translateX(-50%);}
#contentsbottom .inner-Box figure.photo img{  }
#contentsbottom .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto;width: 1100px;}
#contentsbottom .inner-Box ul li {margin-right: 39px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }

}

@media screen and (max-width: 767px) {

    #contentsmain {margin: 12vw auto 0vw auto;position: relative;background: url('../images/natural/contentsmain-back01.png')repeat top center;background-size: 100% auto;}
    #contentsmain .inner-Box {position: relative;text-align: center;padding-bottom: 11vw;}
    #contentsmain .inner-Box figure.photo01 {position: relative;top: -7vw;left: 0;margin-bottom: -7vw;}
    #contentsmain .inner-Box figure.photo01 img{  }
    #contentsmain .inner-Box h2 {position: relative;z-index: 3;margin-bottom: 7.0vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    #contentsmain .inner-Box h3 {font-size: 6.37vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.4vw;margin-bottom: 2.17vw;position: relative;}
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 3vw 7.25vw;position: relative;text-align: left;}
    #contentsmain .inner-Box figure.photo02 {position: relative;left: 0;}
    #contentsmain .inner-Box figure.photo02 img{  }
    
    #contents01 {margin: 0 auto 9.32vw;position: relative;background: #D5CEB8;padding: 3.7vw;}
    #contents01 .back-Box {position: relative;background: #fff;padding: 3.39vw 4.49vw 5.07vw;}
    #contents01 .inner-Box1 {margin: 0 auto 6.73vw;position: relative;}
    #contents01 .inner-Box1 h2 {font-size: 6.04vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.4vw;margin-bottom: 2.32vw;position: relative;text-align: center;}
    #contents01 .inner-Box1 h2 span {border-bottom: #F0B93C 0.48vw solid;}
    #contents01 .inner-Box1 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4vw;}
    #contents01 .inner-Box1 figure.photo img{  }
    #contents01 .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 0.72vw 7.25vw;position: relative;}
    #contents01 .inner-Box2 {margin: 0 auto 14.25vw;position: relative;background: #E1E0D4;padding: 4vw;}
    #contents01 .inner-Box2 h3 {font-size: 5.1vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.29vw;margin-bottom: 2.17vw;position: relative;text-align: center;}
    #contents01 .inner-Box2 figure.photo { margin-bottom: 3vw; }
    #contents01 .inner-Box2 figure.photo img{  }
    #contents01 .inner-Box2 p.text2 { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    #contents01 .inner-Box3 {position: relative;}
    #contents01 .inner-Box3 h4 {font-size: 5.87vw;line-height: 1.48;font-weight: 700;letter-spacing: 0.4vw;margin: 0 -3vw 5vw;position: relative;text-align: center;}
    #contents01 .inner-Box3 h4 span {border-bottom: #F0B93C solid 0.48vw;}
    #contents01 .inner-Box3 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center; /* 横方向の中央寄せ *//* align-items: center; */     /* 縦方向の中央寄せ（必要なら） */}
    #contents01 .inner-Box3 ul li {position: relative;border: 1.93vw solid #E1E0D4;margin-bottom: 9.25vw;padding: 3.8vw 3.1vw;}
    #contents01 .inner-Box3 ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents01 .inner-Box3 ul li:nth-child(5) { margin-right: 0.0vw; }
    #contents01 .inner-Box3 h5 {position: relative;}
    #contents01 .inner-Box3 h5 span{  }
    #contents01 .inner-Box3 h5 img {height: 18.7vw;}
    #contents01 .inner-Box3 p.ltext {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;position: relative;}
    
    #contents02 {margin: 0 auto 9.32vw;position: relative;background: #D5CEB8;padding: 3.7vw;}
    #contents02 .back-Box {position: relative;background: #fff;padding: 3.39vw 4.49vw 5.07vw;}
    #contents02 h2 {font-size: 6.04vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.4vw;margin-bottom: 18.82vw;position: relative;text-align: center;}
    #contents02 h2 span {border-bottom: #F0B93C 0.48vw solid;}
    #contents02 .inner-Box {margin: 0 auto 17.55vw;position: relative;background: #E1E0D4;padding: 5vw 5.3vw;}
    #contents02 .inner-Box .icon{position: absolute;top: -12vw;left: 31.1vw;width: 21.6vw;}
    #contents02 .inner-Box h3 {font-size: 5.1vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.49vw;margin-bottom: 2.97vw;position: relative;text-align: center;}
    #contents02 .inner-Box figure.photo {margin-bottom: 3.8vw;}
    #contents02 .inner-Box figure.photo img{  }
    #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 0.35vw;position: relative;}

    #contents02 .inner-Box2 {margin: 0 auto 3.25vw;position: relative;background: #E1E0D4;padding: 5vw 5.3vw;}
    #contents02 .inner-Box2 .icon{position: absolute;top: -12vw;left: 31.1vw;width: 21.6vw;}
    #contents02 .inner-Box2 h3 {font-size: 5.1vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.49vw;margin-bottom: 2.97vw;position: relative;text-align: center;}
    #contents02 .inner-Box2 figure.photo {margin-bottom: 3.8vw;}
    #contents02 .inner-Box2 figure.photo img{  }
    #contents02 .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 0.35vw;position: relative;}

    

    #contentsbottom {margin: 0 auto 7.82vw;position: relative;}
    #contentsbottom .inner-Box {position: relative;padding: 1.69vw 0 0;}
    #contentsbottom .inner-Box h2 {font-size: 5.29vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 0vw;position: relative;text-align: center;}
    #contentsbottom .inner-Box h2 span {font-size: 4.12vw;display: block;}
    #contentsbottom .inner-Box figure.photo {position: relative;top: 3.31vw;left: 50%;transform: translateX(-50%);margin-bottom: 15.4vw;}
    #contentsbottom .inner-Box figure.photo img{  }
    #contentsbottom .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 8.8vw;}
    #contentsbottom .inner-Box ul li {margin-bottom: 9.42vw;}
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure {  }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }


    
}