.Rule {
  overflow: hidden;
}

.RuleFv {
  margin: 0 0 194px;
  position: relative;
}

.u-Color-orange {
  color: #f5ad6d;
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleFv {
    margin: 0 0 19.4vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleFv {
    margin: 0 0 11vw;
  }
}
.RuleFv__OverContent {
  position: absolute;
  width: 100%;
  max-width: 1000px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.RuleFv__Text {
  position: absolute;
  top: 195px;
  max-width: 170px;
  width: 17vw;
  left: -38px;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleFv__Text {
    top: 19.3vw;
    left: -3.4vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleFv__Text {
    top: 12.2vw;
    width: 25vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.RuleFv__Img {
  position: absolute;
}
.RuleFv__Img--01 {
  width: 67%;
  top: 43px;
  left: -116px;
}
.RuleFv__Img--02 {
  width: 27.8%;
  right: 98px;
  top: 10px;
}
.RuleFv__Img--03 {
  width: 28.2%;
  left: -348px;
  top: 239px;
}
.RuleFv__Img--04 {
  width: 28%;
  top: 98px;
  right: -296px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleFv__Img--01 {
    top: 4.3vw;
    left: -11.6vw;
  }
  .RuleFv__Img--02 {
    width: 27.8%;
    right: 9.8vw;
    top: 1vw;
  }
  .RuleFv__Img--03 {
    left: -34.8vw;
    top: 23.9vw;
  }
  .RuleFv__Img--04 {
    top: 9.8vw;
    right: -29.6vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleFv__Img--01 {
    display: none;
  }
  .RuleFv__Img--02 {
    display: none;
  }
  .RuleFv__Img--03 {
    left: 0vw;
    top: 3.6vw;
    width: 26%;
  }
  .RuleFv__Img--04 {
    right: 0.4vw;
    top: 18.4vw;
    width: 26%;
  }
}

.RuleNote {
  position: relative;
  height: 85px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleNote {
    height: 8.5vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleNote {
    height: 10vw;
  }
}
.RuleNote__Pic {
  position: absolute;
  width: 9.2%;
  top: -61px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleNote__Pic {
    top: -6.1vw;
  }
}
.RuleNote__Pic--01 {
  left: 45px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleNote__Pic--01 {
    left: 4.5vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleNote__Pic--01 {
    left: 4%;
    top: -60%;
  }
}
.RuleNote__Pic--02 {
  left: 103px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleNote__Pic--02 {
    left: 10.3vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleNote__Pic--02 {
    left: 10%;
    top: -60%;
  }
}
.RuleNote__Pic--03 {
  left: 160px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleNote__Pic--03 {
    left: 16vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleNote__Pic--03 {
    left: 16%;
    top: -60%;
  }
}
.RuleNote__Pic--04 {
  right: 136px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleNote__Pic--04 {
    right: 13.6vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleNote__Pic--04 {
    left: 76%;
    top: -60%;
  }
}
.RuleNote__Pic--05 {
  right: 76px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleNote__Pic--05 {
    right: 7.6vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleNote__Pic--05 {
    left: 82%;
    top: -60%;
  }
}
.RuleNote__Pic--06 {
  right: 20px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleNote__Pic--06 {
    right: 2vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleNote__Pic--06 {
    left: 88%;
    top: -60%;
  }
}

.RuleMain {
  width: 100%;
  max-width: 1000px;
  margin: 100px auto 130px;
  /* border: 2px solid #000; */
  background-color: #fff;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleMain {
    margin: 0 auto 13vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleMain {
    width: 90%;
    margin: 0 auto 22.8vw;
    /* border: 1px solid #000; */
  }
}
.RuleMain__Ttl {
  width: 52.5%;
  margin: 0.2% auto 80px 24%;
  position: relative;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleMain__Ttl {
    margin: 0.2% auto 3.3vw 24%;
  }
}
@media screen and (max-width: 640px) {
  .RuleMain__Ttl {
    width: 79%;
    margin: 0 auto 4%;
  }
}
.RuleMain__TtlSub {
  font-size: 1.125rem;
  width: 55%;
  margin: 0 auto 60px;
  text-align: center;
  font-feature-settings: "palm" 1;
  letter-spacing: 0.02em;
  font-weight: 400;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleMain__TtlSub {
    font-size: 1.8vw;
    margin: 0 auto 6vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleMain__TtlSub {
    font-size: 3.75vw;
    width: 74%;
    margin: 0 auto 3vw;
    line-height: 1.8;
  }
}
.RuleMain__2Column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 77.3%;
  margin: 0 auto 0 12%;
  position: relative;
}
@media screen and (max-width: 640px) {
  .RuleMain__2Column {
    display: block;
    width: 96%;
    margin: 0 auto 0;
  }
}
.RuleMain__Item {
  width: 43%;
  margin-bottom: 100px;
  /*padding: 10px;*/
    /* borderに関する設定 */
    /* border: 2px solid; 線の太さと可視化
    border-radius: 8px; /* 角丸に */
    /*border-color: #f29849; */
}
/* .RuleMain__ItemSp-04 {
  margin-bottom: 150px;
} */
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleMain__Item {
    margin-bottom: 10vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleMain__Item {
    width: 95%;
    margin: 0 auto 16vw;
  }
  /* .RuleMain__ItemSp-02 {
    margin-bottom: 40vw;
  } */
  .RuleMain__ItemSp-03 {
    margin: 0 auto 9.8vw;
  }
  .RuleMain__ItemSp-04 {
    margin: 0 auto 10vw;
  }
  .RuleMain__ItemSp-05 {
    margin: 0 auto 2vw;
  }
  /* .RuleMain__ItemSp-06 {
    margin-bottom: 61vw;
  } */
}
.RuleMain__Item--last {
  margin-bottom: 87px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleMain__Item--last {
    margin-bottom: 8.7vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleMain__Item--last {
    margin-bottom: 12vw;
  }
}
.RuleMain__ItemTtl {
  position: relative;
  margin-bottom: 50px;
  color: #ffffff;
  z-index: 1;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleMain__ItemTtl {
    margin-bottom: 4.4vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtl {
    font-size: 4.6875vw;
    margin-bottom: 7vw;
  }
}
.RuleMain__ItemTtlTxt {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.02rem;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleMain__ItemTtlTxt {
    font-size: 2.2vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlTxt {
    font-size: 4.6875vw;
    text-align: left;
    margin-left: 6.9vw;
  }
}
.RuleMain__ItemTtlTxt--1line {
  padding: 113px 0 10px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleMain__ItemTtlTxt--1line {
    padding: 5.4vw 0 1vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlTxt--1line {
    padding: 20% 0 0%;
  }
}
.RuleMain__ItemTtlTxt--2line {
  
  padding: 30% 0 0;
  margin-left: 2%;
  letter-spacing: -0.08rem;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleMain__ItemTtlTxt--2line {
    padding: 3.4vw 0 0;
  }
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlTxt--2line {
    margin-left: 6.9vw;
    letter-spacing: 0.01vw;
  }
}
.RuleMain__ItemTtlTxt--3line {
  padding: 30% 0 0;
  margin-bottom: 2%;
  letter-spacing: -0.08rem;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlTxt--3line {
    margin-bottom: 0%;
    letter-spacing: 0.01vw;
  }
}
.RuleMain__ItemTtlNumber {
  width: 70%;
  position: absolute;
}
/* .RuleMain__ItemTtlNumber {
  width: 70%;
  position: absolute;
} */
.RuleMain__ItemTtlNumber--01 {
  left: 12%;
  top: -7%;
  margin-bottom: 50px;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlNumber--01 {
    left: 1%;
    top: 5%;
    width: 60%;
  }
}
.RuleMain__ItemTtlNumber--02 {
  left: 12%;
  top: -7%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlNumber--02 {
    left: 1%;
    top: 5%;
    width: 60%;
  }
}
.RuleMain__ItemTtlNumber--03 {
  left: 12%;
  top: -7%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlNumber--03 {
    left: 1%;
    top: 5%;
    width: 60%;
  }
}
.RuleMain__ItemTtlNumber--04 {
  left: 12%;
  top: -7%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlNumber--04 {
    left: 1%;
    top: 5%;
    width: 60%;
  }
}
.RuleMain__ItemTtlNumber--05 {
  left: 12%;
  top: -7%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlNumber--05 {
    left: 1%;
    top: 5%;
    width: 60%;
  }
}
.RuleMain__ItemTtlNumber--06 {
  left: 12%;
  top: -7%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlNumber--06 {
    left: 1%;
    top: 5%;
    width: 60%;
  }
}
.RuleMain__ItemTtlNumber--07 {
  left: 12%;
  top: -7%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlNumber--07 {
    left: 1%;
    top: 5%;
    width: 60%;
  }
}
.RuleMain__ItemTtlBg {
  position: absolute;
  width: 90%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}
.RuleMain__ItemTtlBg--01 {
  width: 73%;
  left: -2%;
  top: 16%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlBg--01 {
    width: 80%;
    left: -13%;
    top: 26%;
  }
}
.RuleMain__ItemTtlBg--02 {
  width: 88%;
  right: -6%;
  top: -9%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlBg--02 {
    width: 99%;
    right: -2%;
    top: -13%;
  }
}
.RuleMain__ItemTtlBg--03 {
  width: 78%;
  top: 16%;
  left: 2%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlBg--03 {
    width: 68%;
    top: 29%;
    left: -28%;
  }
}
.RuleMain__ItemTtlBg--04 {
  width: 79%;
  top: 17%;
  left: 6%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlBg--04 {
    width: 95%;
    top: 33%;
    left: 0%;
  }
}
.RuleMain__ItemTtlBg--05 {
  top: 12%;
  left: 5%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlBg--05 {
    top: 25%;
    left: -16%;
    width: 79%;
  }
}
.RuleMain__ItemTtlBg--06 {
  width: 74%;
  top: 34%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlBg--06 {
    width: 64%;
    top: 57%;
    left: -32%;
  }
}
.RuleMain__ItemTtlBg--07 {
  width: 76%;
  top: 13%;
  left: -2%;
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemTtlBg--07 {
    width: 95%;
    top: 23%;
  }
}
.RuleMain__ItemMain {
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  font-size: 1.3rem;
  line-height: 1.833;
  font-weight: 500;
  letter-spacing: 0.02rem;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .RuleMain__ItemMain {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 640px) {
  .RuleMain__ItemMain {
    font-size: 4.80vw;
    padding-top: 45px;
  }
}

.LS_01 {
  margin: -2%;
}

.u-Color-green {
  color: #99cc66;
}

.Rule__Item {
  position: absolute;
}
.Rule__Item--01 {
  width: 37%;
  left: -32.6%;
  top: -22.7%;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .Rule__Item--01 {
    display: none;
  }
}
.Rule__Item--02 {
  width: 37%;
  right: -37.8%;
  top: 41.9%;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .Rule__Item--02 {
    display: none;
  }
}
.Rule__Item--03 {
  width: 37%;
  left: -44.4%;
  bottom: 18.7%;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .Rule__Item--03 {
    display: none;
  }
}
.Rule__Item--04 {
  width: 65%;
  right: -78.1%;
  bottom: -146.7%;
}
@media screen and (max-width: 640px) {
  .Rule__Item--04 {
    width: 31%;
    right: -22.1%;
    bottom: -316.7%;
  }
}
.Rule__Item--05 {
  width: 40%;
  left: -53.1%;
  bottom: -298.7%;
}
@media screen and (max-width: 640px) {
  .Rule__Item--05 {
    display: none;
  }
}
.Rule__Item--06 {
  width: 81%;
  left: 41.9%;
  bottom: -301.7%;
}
@media screen and (max-width: 640px) {
  .Rule__Item--06 {
    width: 70%;
    left: 13.9%;
    bottom: -368.7%;
  }
}
.Rule__Item--07 {
  width: 35%;
  left: 102.9%;
  top: -82.7%;
}
@media screen and (max-width: 640px) {
  .Rule__Item--07 {
    width: 17%;
    left: 83.8%;
    top: 29.5%;
  }
}
.Rule__Item--08 {
  width: 127%;
  left: 5.9%;
  bottom: -688.7%;
}
@media screen and (max-width: 640px) {
  .Rule__Item--08 {
    width: 95%;
    left: 1.9%;
    bottom: -382.7%;
  }
}/*# sourceMappingURL=7rule.css.map */
.Mission {
  overflow: hidden;
}

.MissionFv {
  margin: 0 0 110px;
  position: relative;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionFv {
    margin: 0 0 11vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionFv {
    margin: 0 0 13%;
  }
}
.MissionFv__OverContent {
  position: absolute;
  width: 100%;
  max-width: 1000px;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.MissionFv__Text {
  position: absolute;
  top: 195px;
  max-width: 196px;
  width: 19.6vw;
  left: -38px;
  right: 0;
  margin: 0 auto;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionFv__Text {
    top: 19.3vw;
    left: -3.4vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionFv__Text {
    top: 13.6vw;
    width: 29vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.MissionFv__Img {
  position: absolute;
}
.MissionFv__Img--01 {
  width: 72%;
  top: 23px;
  left: -253px;
}
.MissionFv__Img--02 {
  width: 41%;
  right: 28px;
  top: 4px;
}
.MissionFv__Img--03 {
  width: 28%;
  left: -415px;
  top: 73px;
}
.MissionFv__Img--04 {
  width: 27%;
  top: 231px;
  right: -313px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionFv__Img--01 {
    top: 2.3vw;
    left: -25.3vw;
  }
  .MissionFv__Img--02 {
    right: 2.8vw;
    top: 0.4vw;
  }
  .MissionFv__Img--03 {
    left: -41.5vw;
    top: 7.3vw;
  }
  .MissionFv__Img--04 {
    top: 23.1vw;
    right: -31.3vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionFv__Img--01 {
    display: none;
  }
  .MissionFv__Img--02 {
    display: none;
  }
  .MissionFv__Img--03 {
    left: -12vw;
    top: 4.6vw;
    width: 42%;
  }
  .MissionFv__Img--04 {
    right: -12vw;
    top: 19.2vw;
    width: 41%;
  }
}

.Ls-02 {
  letter-spacing: -0.4rem;
}

.MissionMain {
  margin: 0 auto 82px;
  /* background: #f9f9f9; */
  padding-top: 30px;
  padding-bottom: 30px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionMain {
    margin: 0 auto 8.2vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionMain {
    margin: 0 auto 21%;
  }
}
.MissionMain__Ttl {
  width: 80%;
  margin: 0 auto 62px;
  padding: 0 1.6% 0 0.4%;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionMain__Ttl {
    margin: 0 auto 5.5vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionMain__Ttl {
    width: 95%;
    margin: 0 auto 8%;
  }
}
.MissionMain__TtlText {
  font-size: 1.125rem;
  width: 78.7235%;
  margin: 0 auto 20px;
  text-align: center;
  line-height: 1.8333;
  letter-spacing: 0.02rem;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionMain__TtlText {
    font-size: 1.8vw;
    margin: 0 auto 2vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionMain__TtlText {
    font-size: 3.75vw;
    margin: 0 auto 9%;
  }
}
.MissionMain__Content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 97.872%;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 640px) {
  .MissionMain__Content {
    display: block;
  }
}
.MissionMain__ContentTtl {
  margin: 0 auto 4.3%;
  width: 60%;
}
@media screen and (max-width: 640px) {
  .MissionMain__ContentTtl {
    width: 90%;
    margin: 0 auto 9.3%;
  }
}
.MissionMain__ContentTtlBg {
  position: absolute;
  top: -6%;
  z-index: -1;
  width: 55%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.MissionMain__Item {
  width: 30.551%;
  height: 40vw;
  max-height: 400px;
  border: solid #000 3px;
  border-radius: 20px;
  position: relative;
  margin-bottom: 47px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionMain__Item {
    border-radius: 2vw;
    margin-bottom: 4.7vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionMain__Item {
    width: 98%;
    border: solid #000 2px;
    height: auto;
    max-height: none;
    display: flex;
    margin: 0 auto 9%;
    border-radius: 10px;
  }
}
.MissionMain__ItemNumber {
  position: absolute;
  width: 50.7%;
  left: -4%;
  top: 7.5%;
}
@media screen and (max-width: 640px) {
  .MissionMain__ItemNumber {
    width: 26.7%;
    left: 0%;
    top: -3.4vw;
  }
}
.MissionMain__ItemIcon--01 {
  width: 50%;
  margin: 101px auto 14px 63px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionMain__ItemIcon--01 {
    margin: 10.1vw auto 1.4vw 6.3vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionMain__ItemIcon--01 {
    width: 21%;
    margin: 10% 7% 6%;
    align-self: center;
  }
}
.MissionMain__ItemIcon--02 {
  width: 59%;
  margin: 110px auto 28px 62px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionMain__ItemIcon--02 {
    margin: 11vw auto 2.8vw 6.2vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionMain__ItemIcon--02 {
    width: 25%;
    margin: 11% 4% 8% 7%;
    align-self: center;
  }
}
.MissionMain__ItemIcon--03 {
  width: 56%;
  margin: 107px auto 21px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionMain__ItemIcon--03 {
    margin: 10.7vw auto 2.1vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionMain__ItemIcon--03 {
    width: 22%;
    margin: 11% 7% 8% 7%;
    align-self: center;
  }
}
.MissionMain__ItemIcon--04 {
  width: 43%;
  margin: 109px auto 30px 73px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionMain__ItemIcon--04 {
    margin: 10.9vw auto 3vw 7.3vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionMain__ItemIcon--04 {
    width: 18%;
    margin: 12% 9% 8% 9%;
    align-self: center;
  }
}
.MissionMain__ItemIcon--05 {
  width: 58%;
  margin: 110px auto 36px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionMain__ItemIcon--05 {
    margin: 11vw auto 3.6vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionMain__ItemIcon--05 {
    width: 23%;
    margin: 12% 7% 9% 6%;
    align-self: center;
  }
}
.MissionMain__ItemIcon--06 {
  width: 47%;
  margin: 107px auto 28px;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionMain__ItemIcon--06 {
    margin: 10.7vw auto 2.8vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionMain__ItemIcon--06 {
    width: 20%;
    margin: 11% 7% 8% 8%;
    align-self: center;
  }
}
.MissionMain__ItemText {
  font-size: 1.125rem;
  line-height: 1.833;
  letter-spacing: 0.02rem;
  text-align: center;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionMain__ItemText {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionMain__ItemText {
    font-size: 3.75vw;
    align-self: center;
    text-align: left;
    padding-right: 4%;
  }
}

.MissionTeema {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto 16%;
}
@media screen and (max-width: 640px) {
  .MissionTeema {
    display: block;
    margin: 0 auto 22%;
  }
}
.MissionTeema__Content {
  width: 30%;
}
@media screen and (max-width: 640px) {
  .MissionTeema__Content {
    width: 50%;
    margin-bottom: 13%;
  }
  .MissionTeema__Content--01 {
    margin-left: auto;
    margin-right: 1%;
    position: relative;
  }
  .MissionTeema__Content--02 {
    margin-right: auto;
    margin-left: 6.2%;
    position: relative;
  }
  .MissionTeema__Content--03 {
    margin-left: auto;
    margin-right: 1%;
    position: relative;
  }
}
.MissionTeema__ContentImg {
  width: 80%;
  margin: 0 auto;
}
.MissionTeema__ContentImg--01 {
  width: 95%;
  margin: 8% 0% 0 4%;
}
@media screen and (max-width: 640px) {
  .MissionTeema__ContentImg--01 {
    position: absolute;
    right: 104%;
    top: -11%;
    width: 91%;
  }
}
.MissionTeema__ContentImg--02 {
  width: 80%;
  margin: 0 auto 0 13%;
}
@media screen and (max-width: 640px) {
  .MissionTeema__ContentImg--02 {
    position: absolute;
    left: 89%;
    top: -11%;
    width: 80%;
  }
}
.MissionTeema__ContentImg--03 {
  width: 59%;
  margin: 18% 0 14% 28%;
}
@media screen and (max-width: 640px) {
  .MissionTeema__ContentImg--03 {
    position: absolute;
    width: 90%;
    right: 104%;
    top: -53%;
  }
}
.MissionTeema__ContentTtl {
  font-size: 1.125rem;
  position: relative;
  text-align: center;
  color: #fff;
  margin: 7% auto;
  letter-spacing: 0.02rem;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionTeema__ContentTtl {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionTeema__ContentTtl {
    font-size: 4.375vw;
    margin: 0% auto 2%;
  }
}
.MissionTeema__ContentTtl--bg {
  position: absolute;
  top: -18%;
  width: 62%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .MissionTeema__ContentTtl--bg {
    width: 98%;
    top: -16%;
  }
}
.MissionTeema__ContentMain {
  font-size: 1.125rem;
  text-align: center;
  letter-spacing: 0.06rem;
  line-height: 1.88;
}
@media screen and (min-width: 641px) and (max-width: 999px) {
  .MissionTeema__ContentMain {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 640px) {
  .MissionTeema__ContentMain {
    font-size: 3.75vw;
    text-align: justify;
    letter-spacing: 0.04rem;
  }
}

.Item {
  position: absolute;
}
@media screen and (max-width: 640px) {
  .Item {
    display: none;
  }
}
.Item01 {
  right: -40%;
  width: 40%;
  top: 2.6%;
}
.Item02 {
  left: -40%;
  width: 40%;
  bottom: 22%;
}
.Item03 {
  right: -46%;
  width: 30%;
  top: -28%;
}
.Item04 {
  left: -42.2%;
  width: 30%;
  top: 28%;
}/*# sourceMappingURL=mission.css.map */

.PageLink {
  width: 94%;
  max-width: 940px;
  margin: 50px auto 150px;
}
.PageLink__Ttl {
  position: relative;
  margin-bottom: 50px;
}
.PageLink__BtnArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.PageLink__Btn {
  width: 30.5317%;
  position: relative;
}
.PageLink__BtnLink {
  padding: 24px 0;
  display: block;
}
.PageLink__BtnText {
  font-size: 1.375rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.PageLink__BtnPic {
  position: absolute;
  width: 8.05%;
  top: 0;
  bottom: 0;
  right: 5%;
  margin: auto 0;
}
.PageLink__Btn--motto {
  background: #f5ad6d;
}
.PageLink__Btn--3tips {
  background: #548dbf;
}
.PageLink__Btn--mission {
  background: #ACD16A;
}
.PageLink__Btn--7rule {
  background: #95c65d;
}

@media screen and (max-width: 640px){
.PageLink{
    width: 89.9%;
    margin: 0 auto 9vw;
}
.PageLink__Btn {
  width: 100%;
  margin: 0 auto 7%;
}
.PageLink__BtnArea {
  display: block;
  width: 90%;
  margin: 0 auto;
}
.PageLink__BtnText {
  font-size: 3.75vw;
}
.PageLink__BtnLink {
  padding: 6.2% 0;
}
}