@charset "UTF-8";

@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto -521px;position: relative;background: url('../images/villa/contentsmain-back01.png')no-repeat top 219px center;text-align: center;}
#contentsmain h2 {margin: -16px 0 542px -30px;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 740px;height: 550px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 51px 0 0;}
#contentsmain .inner-Box figure.img {position: absolute;top: -14px;left: 44px;}
#contentsmain .inner-Box figure.img img{  }
#contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

.backkk{background: url(../images/common/common-back.jpg);padding: 600px 0 40px;margin-bottom: 73px;}

#contents01 {margin: 0 auto 80px;position: relative;width: 1200px;height: 863px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 70px;}
#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .ttl-Box {position: relative;border-radius: 40px 0px 50px 0px;width: 500px;height: 110px;background: #3C772E;color: #fff;padding: 30px 30px 30px 96px;margin-bottom: 26px;}
#contents01 .ttl-Box p.notext {font-size: 33px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;position: absolute;top: 7px;left: 23px;}
#contents01 .ttl-Box p.notext::before{content: "";display: block;width: 1px;height: 67px;background: #fff;position: absolute;top: 5px;left: 46px;transform: rotate(39deg);transform-origin: center;}
#contents01 .ttl-Box h2.f-min {font-size: 20px;line-height: 1.5;font-weight: 400;letter-spacing: 2px;margin-bottom: 0px;position: relative;}
#contents01 .inner-Box h3.f-min {font-size: 28px;line-height: 1.71;font-weight: 400;letter-spacing: 3.08px;margin-bottom: 29px;position: relative;}
#contents01 .inner-Box figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 510px;}

#contents02 {margin: 0 auto 80px;position: relative;width: 1200px;height: 913px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 70px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 0 0 0 550px;}
#contents02 .ttl-Box {position: relative;border-radius: 40px 0px 50px 0px;width: 500px;height: 110px;background: #3C772E;color: #fff;padding: 30px 30px 30px 96px;margin-bottom: 26px;}
#contents02 .ttl-Box p.notext {font-size: 33px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;position: absolute;top: 7px;left: 23px;}
#contents02 .ttl-Box p.notext::before{content: "";display: block;width: 1px;height: 67px;background: #fff;position: absolute;top: 5px;left: 46px;transform: rotate(39deg);transform-origin: center;}
#contents02 .ttl-Box h2.f-min {font-size: 20px;line-height: 1.5;font-weight: 400;letter-spacing: 2px;margin-bottom: 0px;position: relative;}
#contents02 .inner-Box h3.f-min {font-size: 28px;line-height: 1.71;font-weight: 400;letter-spacing: 3.08px;margin-bottom: 29px;position: relative;}
#contents02 .inner-Box figure.photo {position: absolute;top: 0;left: 0;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 510px;}

#contents03 {margin: 0 auto 80px;position: relative;width: 1200px;height: 743px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 70px;}
#contents03 .inner-Box { margin: 0 auto; position: relative; }
#contents03 .ttl-Box {position: relative;border-radius: 40px 0px 50px 0px;width: 500px;height: 110px;background: #3C772E;color: #fff;padding: 30px 30px 30px 96px;margin-bottom: 26px;}
#contents03 .ttl-Box p.notext {font-size: 33px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;position: absolute;top: 7px;left: 23px;}
#contents03 .ttl-Box p.notext::before{content: "";display: block;width: 1px;height: 67px;background: #fff;position: absolute;top: 5px;left: 46px;transform: rotate(39deg);transform-origin: center;}
#contents03 .ttl-Box h2.f-min {font-size: 20px;line-height: 1.5;font-weight: 400;letter-spacing: 2px;margin-bottom: 0px;position: relative;}
#contents03 .inner-Box h3.f-min {font-size: 28px;line-height: 1.71;font-weight: 400;letter-spacing: 3.08px;margin-bottom: 29px;position: relative;}
#contents03 .inner-Box figure.photo {position: absolute;top: 0;right: 0;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 510px;}

#contents04 {margin: 0 auto 80px;position: relative;width: 1200px;height: 743px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 70px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;padding: 0 0 0 550px;}
#contents04 .ttl-Box {position: relative;border-radius: 40px 0px 50px 0px;width: 500px;height: 110px;background: #3C772E;color: #fff;padding: 30px 30px 30px 96px;margin-bottom: 26px;}
#contents04 .ttl-Box p.notext {font-size: 33px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;position: absolute;top: 7px;left: 23px;}
#contents04 .ttl-Box p.notext::before{content: "";display: block;width: 1px;height: 67px;background: #fff;position: absolute;top: 5px;left: 46px;transform: rotate(39deg);transform-origin: center;}
#contents04 .ttl-Box h2.f-min {font-size: 20px;line-height: 1.5;font-weight: 400;letter-spacing: 2px;margin-bottom: 0px;position: relative;}
#contents04 .inner-Box h3.f-min {font-size: 28px;line-height: 1.71;font-weight: 400;letter-spacing: 3.08px;margin-bottom: 29px;position: relative;margin-right: -20px;}
#contents04 .inner-Box figure.photo {position: absolute;top: 0;left: 0;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 510px;}

#contents05 {margin: 0 auto 80px;position: relative;width: 1200px;height: 683px;background: #fff;box-shadow: 0px 3px 6px #00000029;padding: 70px;}
#contents05 .inner-Box { margin: 0 auto; position: relative; }
#contents05 .ttl-Box {position: relative;border-radius: 40px 0px 50px 0px;width: 500px;height: 110px;background: #3C772E;color: #fff;padding: 30px 30px 30px 96px;margin-bottom: 26px;}
#contents05 .ttl-Box p.notext {font-size: 33px;line-height: 1.88;font-weight: 400;letter-spacing: 0px;position: absolute;top: 7px;left: 23px;}
#contents05 .ttl-Box p.notext::before{content: "";display: block;width: 1px;height: 67px;background: #fff;position: absolute;top: 5px;left: 46px;transform: rotate(39deg);transform-origin: center;}
#contents05 .ttl-Box h2.f-min {font-size: 20px;line-height: 1.5;font-weight: 400;letter-spacing: 2px;margin-bottom: 0px;position: relative;}
#contents05 .inner-Box h3.f-min {font-size: 28px;line-height: 1.71;font-weight: 400;letter-spacing: 3.08px;margin-bottom: 29px;position: relative;}
#contents05 .inner-Box figure.photo {position: absolute;top: 0;right: 0;}
#contents05 .inner-Box figure.photo img{  }
#contents05 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 510px;}


#contentsbottom {margin: 0 auto 100px;position: relative;background: url('../images/villa/contentsbottom-back01.png')no-repeat bottom center;background-size: 100% auto;padding-bottom: 588px;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#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;width: 720px;margin: 0 auto 55px;}
#contentsbottom .inner-Box ul li {text-align: center;width: 340px;margin-right: 40px;}
#contentsbottom .inner-Box ul li:nth-child(2) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {margin-bottom: 14px;}
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover { text-decoration: none; }
#contentsbottom .inner-Box h3.f-min {font-size: 22px;line-height: 1.59;font-weight: 400;letter-spacing: 3.3px;margin: 0px -10px 16px;position: relative;}
#contentsbottom .inner-Box p.ltext {font-size: 16px;line-height: 1.63;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;text-align: left;}
#contentsbottom .inner-Box h4.f-min {font-size: 32px;line-height: 2.03;font-weight: 400;letter-spacing: 3.52px;margin-bottom: 1px;position: relative;text-align: center;}
#contentsbottom .inner-Box h5.f-min {font-size: 23px;line-height: 1.93;font-weight: 400;letter-spacing: 2.53px;margin-bottom: 0px;position: relative;text-align: center;}


}

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

#contentsmain {margin: 0 auto 0vw;position: relative;background: url('../images/villa/sp-contentsmain-back01.png')no-repeat top 41.5vw center;text-align: center;background-size: 100% auto;padding: 4.4vw 0 0;}
#contentsmain h2 {margin: 0vw 11.5vw 50vw 9vw;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box {position: relative;background: #fff;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;padding: 7.7vw 0 2.6vw;}
#contentsmain .inner-Box figure.img {position: absolute;top: -3vw;left: 20.43vw;width: 13.9vw;}
#contentsmain .inner-Box figure.img img{  }
#contentsmain .inner-Box p.text {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 6.8vw;position: relative;}

.backkk{background: url(../images/common/common-back.jpg);padding: 12.1vw 0 10.67vw;margin-bottom: 13.47vw;background-size: 100% auto;}

#contents01 {margin: 0 auto 12.33vw;position: relative;background: #fff;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;padding: 8.57vw 7.57vw 0.87vw 7.57vw;}
#contents01 .inner-Box {position: relative;}
#contents01 .ttl-Box {position: relative;border-radius: 10.67vw 0.0vw 13.33vw 0.0vw;height: 28.13vw;background: #3C772E;color: #fff;padding: 4vw 8.0vw 8.0vw 24.5vw;margin-bottom: 5.63vw;}
#contents01 .ttl-Box p.notext {font-size: 7.6vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;position: absolute;top: 1.87vw;left: 4.13vw;}
#contents01 .ttl-Box p.notext::before{content: "";display: block;width: 0.27vw;height: 15.87vw;background: #fff;position: absolute;top: 1.33vw;left: 10.67vw;transform: rotate(39deg);transform-origin: center;}
#contents01 .ttl-Box h2.f-min {font-size: 4.35vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.53vw;margin-bottom: 0.0vw;position: relative;}
#contents01 .inner-Box h3.f-min {font-size: 5.07vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.73vw;position: relative;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4.3vw;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 7vw;position: relative;}

#contents02 {margin: 0 auto 12.33vw;position: relative;background: #fff;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;padding: 8.57vw 7.57vw 0.87vw 7.57vw;}
#contents02 .inner-Box {position: relative;}
#contents02 .ttl-Box {position: relative;border-radius: 10.67vw 0.0vw 13.33vw 0.0vw;height: 28.13vw;background: #3C772E;color: #fff;padding: 4vw 8.0vw 8.0vw 24.5vw;margin-bottom: 5.63vw;}
#contents02 .ttl-Box p.notext {font-size: 7.6vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;position: absolute;top: 1.87vw;left: 4.13vw;}
#contents02 .ttl-Box p.notext::before{content: "";display: block;width: 0.27vw;height: 15.87vw;background: #fff;position: absolute;top: 1.33vw;left: 10.67vw;transform: rotate(39deg);transform-origin: center;}
#contents02 .ttl-Box h2.f-min {font-size: 4.35vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.53vw;margin-bottom: 0.0vw;position: relative;}
#contents02 .inner-Box h3.f-min {font-size: 5.07vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.73vw;position: relative;margin-right: -10vw;}
#contents02 .inner-Box figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4.3vw;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.text {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 7vw;position: relative;}

#contents03 {margin: 0 auto 12.33vw;position: relative;background: #fff;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;padding: 8.57vw 7.57vw 0.87vw 7.57vw;}
#contents03 .inner-Box {position: relative;}
#contents03 .ttl-Box {position: relative;border-radius: 10.67vw 0.0vw 13.33vw 0.0vw;height: 28.13vw;background: #3C772E;color: #fff;padding: 4vw 8.0vw 8.0vw 24.5vw;margin-bottom: 5.63vw;}
#contents03 .ttl-Box p.notext {font-size: 7.6vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;position: absolute;top: 1.87vw;left: 4.13vw;}
#contents03 .ttl-Box p.notext::before{content: "";display: block;width: 0.27vw;height: 15.87vw;background: #fff;position: absolute;top: 1.33vw;left: 10.67vw;transform: rotate(39deg);transform-origin: center;}
#contents03 .ttl-Box h2.f-min {font-size: 4.35vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.53vw;margin-bottom: 0.0vw;position: relative;}
#contents03 .inner-Box h3.f-min {font-size: 5.07vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.73vw;position: relative;}
#contents03 .inner-Box figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4.3vw;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box p.text {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 7vw;position: relative;}

#contents04 {margin: 0 auto 12.33vw;position: relative;background: #fff;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;padding: 8.57vw 7.57vw 0.87vw 7.57vw;}
#contents04 .inner-Box {position: relative;}
#contents04 .ttl-Box {position: relative;border-radius: 10.67vw 0.0vw 13.33vw 0.0vw;height: 28.13vw;background: #3C772E;color: #fff;padding: 4vw 8.0vw 8.0vw 24.5vw;margin-bottom: 5.63vw;}
#contents04 .ttl-Box p.notext {font-size: 7.6vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;position: absolute;top: 1.87vw;left: 4.13vw;}
#contents04 .ttl-Box p.notext::before{content: "";display: block;width: 0.27vw;height: 15.87vw;background: #fff;position: absolute;top: 1.33vw;left: 10.67vw;transform: rotate(39deg);transform-origin: center;}
#contents04 .ttl-Box h2.f-min {font-size: 4.35vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.53vw;margin-bottom: 0.0vw;position: relative;}
#contents04 .inner-Box h3.f-min {font-size: 5.07vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.73vw;position: relative;}
#contents04 .inner-Box figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4.3vw;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box p.text {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 7vw;position: relative;}

#contents05 {margin: 0 auto 4.33vw;position: relative;background: #fff;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;padding: 8.57vw 7.57vw 0.87vw 7.57vw;}
#contents05 .inner-Box {position: relative;}
#contents05 .ttl-Box {position: relative;border-radius: 10.67vw 0.0vw 13.33vw 0.0vw;height: 28.13vw;background: #3C772E;color: #fff;padding: 4vw 8.0vw 8.0vw 24.5vw;margin-bottom: 5.63vw;}
#contents05 .ttl-Box p.notext {font-size: 7.6vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.0vw;position: absolute;top: 1.87vw;left: 4.13vw;}
#contents05 .ttl-Box p.notext::before{content: "";display: block;width: 0.27vw;height: 15.87vw;background: #fff;position: absolute;top: 1.33vw;left: 10.67vw;transform: rotate(39deg);transform-origin: center;}
#contents05 .ttl-Box h2.f-min {font-size: 4.35vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.53vw;margin-bottom: 0.0vw;position: relative;}
#contents05 .inner-Box h3.f-min {font-size: 5.07vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.73vw;position: relative;}
#contents05 .inner-Box figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4.3vw;}
#contents05 .inner-Box figure.photo img{  }
#contents05 .inner-Box p.text {font-size: 3.62vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 7vw;position: relative;}

#contentsbottom {margin: 0 auto 26.67vw;position: relative;background: url('../images/villa/sp-contentsbottom-back01.png')no-repeat bottom center;background-size: 100% auto;padding-bottom: 55vw;}
#contentsbottom .inner-Box {position: relative;margin: 0 8.9vw;}
#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 1.67vw;}
#contentsbottom .inner-Box ul li {text-align: center;margin-bottom: 1.6vw;}
#contentsbottom .inner-Box ul li:nth-child(2) { margin-right: 0.0vw; }
#contentsbottom .inner-Box ul li figure {margin-bottom: 3.73vw;}
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover { text-decoration: none; }
#contentsbottom .inner-Box h3.f-min {font-size: 4.59vw;line-height: 1.59;font-weight: 400;letter-spacing: 0.50vw;margin: 0.0vw 0vw 3.27vw;position: relative;}
#contentsbottom .inner-Box p.ltext {font-size: 3.86vw;line-height: 1.63;font-weight: 500;letter-spacing: 0.21vw;margin-bottom: 8.0vw;position: relative;text-align: left;}
#contentsbottom .inner-Box h4.f-min {font-size: 6.04vw;line-height: 1.63;font-weight: 400;letter-spacing: 0.66vw;margin-bottom: 5.77vw;position: relative;text-align: center;}
#contentsbottom .inner-Box h5.f-min {font-size: 4.35vw;line-height: 1.89;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 0.0vw;position: relative;text-align: center;}


    
}