@charset "UTF-8";
.maintenance {
  margin: 0 auto 100px
}
.maintenanceBlock {
  max-width: 900px;
  width: 72%;
  margin: 0 auto
}
.maintenance h1 {
  margin: 37px 0 92px;
  font-size: 50px;
  text-align: center;
  line-height: 1.2;
}
.maintenance h1 span {
  font-size: 30px;
  text-align: center
}
.maintenance h3 {
  font-size: 28px;
  border-bottom: 1px solid #202124;
  line-height: 1.6;
  padding-bottom: 10px;
}
.maintenance h4 {
  font-size: 28px;
  margin-bottom: 24px
}
.maintenanceImage {
  display: block;
  width: 100%
}
.maintenanceImageSpace {
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 50px
}
.maintenanceContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 30px 0 80px
}
.maintenanceContents--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.maintenanceGreenText {
  font-size: 25px;
  color: #9FCC01;
  margin-bottom: 10px
}
.maintenanceGreenText--top {
  margin-top: 30px
}
.maintenanceText span {
  color: #9FCC01
}
.maintenanceGreenText--small {
  font-size: 20px
}
.maintenanceFlexImage {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%
}
.maintenanceFlexImage--small {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px
}
.maintenanceFlexImage--xsmall {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 102px;
  flex: 0 0 102px
}
.maintenanceTextBlock {
  margin-right: 20px
}
.maintenanceTextBlock--xsmall {
  margin-right: 40px
}
.maintenanceText {
  margin-bottom: 30px;
  font-size: 16px
}
.maintenanceText--noSpace {
  margin-bottom: 0
}
.maintenanceText--long {
  margin-bottom: 100px
}
.maintenanceSmallText {
  font-size: 16px
}
.maintenanceSmallText--center {
  text-align: center
}
.maintenanceSmallText--space {
  margin-top: 27px
}
.maintenanceLink {
  display: inline-block;
  font-size: 18px;
  color: #202124;
  margin-bottom: 30px
}
.maintenanceLink:hover {
  color: #9FCC01
}
.maintenanceImageCenter {
  width: 80%;
  margin: 0 auto
}
.maintenanceImageCenter--bottom {
  margin-bottom: 70px
}
.maintenanceButton {
  width: 446px;
  display: inline-block;
  background-color: #9FCC01;
  padding: 20px 0;
  font-size: 18px;
  border-radius: 8px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  margin: 0 auto;
  text-align: center
}
.maintenanceButton:hover {
  color: #fff;
  background-color: rgba(159,204,1, 0.7);
}
.maintenanceBr {
  display: none;
}
.maintenancePc {
  display: block
}
.maintenanceSp {
  display: none
}
/* SP　*/
@media screen and (max-width: 768px) {
  .maintenance {
    width: 100%;
    margin: 0 auto 100px
  }
  .maintenanceBlock {
    width: 100%;
    margin: 0 auto;
    padding: 0 25px
  }
  .maintenance h1 {
    margin: 37px 0 92px;
    font-size: 28px
  }
  .maintenance h1 span {
    font-size: 17px;
    text-align: center;
    line-height: 1.2;
    display: inline-block;
    margin-top: 10px;
  }
  .maintenance h3 {
    font-size: 23px;
    border-bottom: 1px solid #202124;
    line-height: 1.6;
    padding-bottom: 10px;
  }
  .maintenance h4 {
    font-size: 23px;
    margin-bottom: 24px
  }
  .maintenanceButton {
    max-width: 318px;
    width: 100%;
    display: block;
    background-color: #9FCC01;
    padding: 20px 25px;
    font-size: 18px;
    border-radius: 8px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    margin: 0 auto;
  }
  .maintenanceButtonInner {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
  }
  .maintenanceBr {
    display: inline;
  }
  .maintenanceContents {
    display: block
  }
  .maintenanceGreenText {
    font-size: 20px
  }
  .maintenanceTextBlock {
    margin: 0
  }
  .maintenancePc {
    display: none
  }
  .maintenanceSp {
    display: block
  }
  .maintenanceFlexImage--small {
    width: 70%;
    margin: 30px auto
  }
  .maintenanceFlexImage--xsmall {
    width: 30%;
    margin-left: auto;
    margin-right: 0
  }
  .maintenanceContents--short {
    margin-bottom: 30px
  }
  .maintenanceSpGreenText {
    color: #9FCC01
  }
}