.container {
  width: 100%;
  overflow: hidden;
}

.slider {
  position: relative;
  width: 100%;
  height: 78.125vw;
  overflow: hidden;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
}

.slider::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("../images/mask.png") repeat 0 0;
  z-index: 3;
}

.slider ul {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.slider ul li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  transition: all 1.5s ease;
  opacity: 0;
}

.slider ul li img {
  width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
          backface-visibility: hidden;
}

.gardener {
  padding: 8.59375vw 3.90625vw 10.15625vw;
}

.gardener h2 {
  font-size: 0;
  padding: 0 0 0 3.64583vw;
  position: relative;
}

.gardener h2::before {
  position: absolute;
  content: "";
  width: 1.5625vw;
  height: 7.55208vw;
  background: #000;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.gardener h2 img {
  width: 45.83333vw;
}

.gardener > p {
  padding: 0 3.64583vw;
  font-size: 3.90625vw;
  line-height: 5.85938vw;
  margin-top: 3.90625vw;
}

.gardener figure {
  margin-top: 5.20833vw;
  padding: 0 0.78125vw;
}

.management > ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 4.94792vw;
}

.management > ul li {
  height: 10.41667vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-border-radius: 0.91146vw;
       border-radius: 0.91146vw;
  position: relative;
}

.management > ul li::after {
  position: absolute;
  content: "";
  border-width: 2.60417vw 2.86458vw 0;
  border-style: solid;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1.69271vw;
}

.management > ul li:nth-of-type(1) {
  width: 33.33333vw;
  background: url("../images/mask_mangement_01.png") 0 0 repeat;
}

.management > ul li:nth-of-type(1) img {
  width: 23.30729vw;
}

.management > ul li:nth-of-type(1)::after {
  border-color: #003300 transparent transparent;
}

.management > ul li:nth-of-type(2) {
  width: 52.08333vw;
  background: url("../images/mask_mangement_02.png") 0 0 repeat;
}

.management > ul li:nth-of-type(2) img {
  width: 42.83854vw;
}

.management > ul li:nth-of-type(2)::after {
  border-color: #524b09 transparent transparent;
}

.management .wrap {
  padding: 0 3.90625vw 8.33333vw;
  margin-top: 8.59375vw;
}

.management .wrap article {
  width: 91.66667vw;
  height: 91.66667vw;
  -moz-border-radius: 50%;
       border-radius: 50%;
  overflow: hidden;
}

.management .wrap article:nth-of-type(1) {
  background: url("../images/management_01.png") 0 0 repeat;
}

.management .wrap article:nth-of-type(1) .main_ar h3 {
  background: url("../images/mask_mangement_01.png") 0 0 repeat;
  padding: 7.68229vw 0 0 0;
}

.management .wrap article:nth-of-type(1) .main_ar h3 img {
  width: 27.47396vw;
}

.management .wrap article:nth-of-type(1) .main_ar dl dt {
  background: #003300;
}

.management .wrap article:nth-of-type(1) .main_ar dl dt img {
  width: 19.66146vw;
}

.management .wrap article:nth-of-type(2) {
  background: url("../images/management_02.png") 0 0 repeat;
  margin-top: 3.125vw;
}

.management .wrap article:nth-of-type(2) .main_ar h3 {
  background: url("../images/mask_mangement_02.png") 0 0 repeat;
  padding: 4.94792vw 0 0 0;
}

.management .wrap article:nth-of-type(2) .main_ar h3 img {
  width: 31.51042vw;
}

.management .wrap article:nth-of-type(2) .main_ar dl dt {
  background: #524b09;
}

.management .wrap article:nth-of-type(2) .main_ar dl dt img {
  width: 28.25521vw;
}

.management .wrap article .main_ar h3 {
  width: 52.08333vw;
  height: 26.04167vw;
  -moz-border-radius: 0 0 26.04167vw 26.04167vw;
       border-radius: 0 0 26.04167vw 26.04167vw;
  text-align: center;
  margin: 0 auto;
  font-size: 0;
}

.management .wrap article .main_ar dl {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: -6.25vw;
}

.management .wrap article .main_ar dl dt {
  width: 60.41667vw;
  height: 7.29167vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-border-radius: 3.38542vw;
       border-radius: 3.38542vw;
}

.management .wrap article .main_ar dl dd {
  width: 100%;
  padding: 0 10.9375vw;
  margin-top: 6.11979vw;
}

.management .wrap article .main_ar dl dd ul {
  display: block;
}

.management .wrap article .main_ar dl dd ul li {
  font-size: 3.90625vw;
  line-height: 5.85938vw;
  padding: 0 0 0 6.90104vw;
  position: relative;
  color: #fff;
}

.management .wrap article .main_ar dl dd ul li::before {
  position: absolute;
  content: "";
  width: 2.86458vw;
  height: 2.73438vw;
  background: url("../images/plus.png") 0 0 no-repeat;
  -moz-background-size: contain;
       background-size: contain;
  left: 0;
  top: 1.5625vw;
}

.step {
  background: url("../images/bg.jpg") 0 0 no-repeat;
  -moz-background-size: cover;
       background-size: cover;
  position: relative;
  padding: 8.33333vw 3.90625vw 8.59375vw;
  -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
          transform: translateZ(0);
}

.step::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  background: url("../images/mask_step.png") 0 0 repeat;
  top: 0;
  left: 0;
}

.step dl {
  border: 0.39062vw solid #cccccc;
}

.step dl dt {
  background: rgba(0, 0, 0, 0.8);
  border-top: 0.39062vw solid #ccc;
  text-align: center;
  font-size: 4.6875vw;
  line-height: 1;
  padding: 2.21354vw 0 2.34375vw;
  font-weight: bold;
  color: #fff;
}

.step dl dd {
  background: rgba(255, 255, 255, 0.8);
  font-size: 3.90625vw;
  line-height: 5.85938vw;
  padding: 2.99479vw 3.25521vw 2.86458vw;
}

.step dl dd span {
  font-size: 4.6875vw;
  color: #d31616;
}

.contact {
  padding: 9.375vw 0vw 9.50521vw;
  position: relative;
}

.contact h2 {
  text-align: center;
  font-size: 0;
}

.contact h2 img {
  width: 69.40104vw;
}

.contact .wrap {
  margin-top: 4.16667vw;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 7.8125vw 12.89062vw;
}

.contact .wrap > .btn {
  width: 100%;
}

.contact .wrap > .btn a {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  height: 12.5vw;
  border: 0.39062vw solid #ccc;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.contact .wrap > .btn a::before {
  position: relative;
  content: "";
  width: 5.72917vw;
  height: 3.64583vw;
  background: url("/sp/common/images/icon_mail.png") 0 0 no-repeat;
  -moz-background-size: contain;
       background-size: contain;
  margin-right: 3.64583vw;
}

.contact .wrap > .btn a::after {
  position: absolute;
  content: "";
  width: 4.42708vw;
  height: 3.125vw;
  background: url("../images/arrow.png") 0 0 no-repeat;
  -moz-background-size: contain;
       background-size: contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 4.81771vw;
}

.contact .wrap > .btn a img {
  width: 23.82812vw;
}

.contact .wrap > a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 7.03125vw;
}

.contact .wrap > a::before {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 4.6875vw;
  height: 4.6875vw;
}

.contact .wrap > a:nth-of-type(1) {
  margin-top: 6.38021vw;
}

.contact .wrap > a:nth-of-type(1)::before {
  background: url("/sp/common/images/icon_phone.png") 0 0 no-repeat;
  -moz-background-size: contain;
       background-size: contain;
}

.contact .wrap > a:nth-of-type(1) img {
  width: 50vw;
}

.contact .wrap > a:nth-of-type(2) {
  margin-top: 4.16667vw;
}

.contact .wrap > a:nth-of-type(2)::before {
  background: url("/sp/common/images/icon_fax.png") 0 0 no-repeat;
  -moz-background-size: contain;
       background-size: contain;
}

.contact .wrap > a:nth-of-type(2) img {
  width: 50.39062vw;
}

.contact .facebook {
  margin: 0 auto 20px;
  width: 90%;
}

.contact .area_btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  left: 0;
  height: 9.63542vw;
  width: 100%;
  bottom: -9.63542vw;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.contact .area_btn.active {
  bottom: 0;
}

.contact .area_btn.stop {
  position: absolute;
  bottom: 0;
}

.contact .area_btn a {
  width: -webkit-calc(33.3% - 2px);
  width: -moz-calc(33.3% - 2px);
  width: calc(33.3% - 2px);
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../images/bg_btn.png") 0 0 repeat;
}

.contact .area_btn a:nth-of-type(1) img {
  width: 24.86979vw;
}

.contact .area_btn a:nth-of-type(2) img {
  width: 16.66667vw;
}

.contact .area_btn a:nth-of-type(3) img {
  width: 17.83854vw;
}

.facebook {
  margin: 0 auto 50px;
  width: 320px;
}