@charset "UTF-8";
header .header-pc {
  position: static;
}

header .header-pc.is-fixed {
  position: fixed;
}

#container {
  padding-top: 0;
}

/* TOP中身 */
.mainimage {
  position: relative;
  padding-top: 75px;
}
@media screen and (max-width: 1160px) {
  .mainimage {
    padding-top: 6.5vw;
  }
}
@media screen and (max-width: 768px) {
  .mainimage {
    padding-top: 13vw;
  }
}
.mainimage .sub_txt {
  position: absolute;
  bottom: 10px;
  right: 50px;
  font-size: 11px;
  line-height: 1.5em;
  text-align: right;
  color: #fff;
  /* text-shadow: -1px -1px 0px rgba(0, 0, 0, 1), 1px 1px 0px rgba(0, 0, 0, 1), -1px 1px 0px rgba(0, 0, 0, 1), 1px -1px 0px rgba(0, 0, 0, 1); */
}
@media screen and (max-width: 1160px) {
  .mainimage .sub_txt {
    bottom: 0.9vw;
    right: 4.3vw;
    font-size: 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  .mainimage .sub_txt {
    bottom: 1.3vw;
    right: 4vw;
    font-size: 2vw;
  }
}

#plan_archive .wrap03 {
  padding-top: 100px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1160px) {
  #plan_archive .wrap03 {
    padding-top: 8.6vw;
    padding-bottom: 6.9vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_archive .wrap03 {
    padding-top: 14.1vw;
    padding-bottom: 4.3vw;
  }
}
#plan_archive h2 {
  font-size: 22px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
  color: #095726;
}
@media screen and (max-width: 1160px) {
  #plan_archive h2 {
    font-size: 1.9vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_archive h2 {
    font-size: 3.8vw;
  }
}
#plan_archive .txt01 {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.5em;
  letter-spacing: 0.15em;
  text-align: center;
  margin-top: 75px;
}
@media screen and (max-width: 1160px) {
  #plan_archive .txt01 {
    font-size: 3.4vw;
    margin-top: 6.5vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_archive .txt01 {
    font-size: 5.9vw;
    letter-spacing: 0;
    margin-top: 10.9vw;
  }
}
#plan_archive .plan_list {
  max-width: 850px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1160px) {
  #plan_archive .plan_list {
    max-width: none;
    width: 73.3vw;
    margin-top: 6.9vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_archive .plan_list {
    width: 100%;
    margin-top: 10.9vw;
  }
}
#plan_archive .plan_list li {
  width: 31.2%;
}
@media screen and (max-width: 768px) {
  #plan_archive .plan_list li {
    width: 48.3%;
  }
}
#plan_archive .plan_list li:nth-child(n+4) {
  margin-top: 26px;
}
@media screen and (max-width: 1160px) {
  #plan_archive .plan_list li:nth-child(n+4) {
    margin-top: 2.2vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_archive .plan_list li:nth-child(n+3) {
    margin-top: 3.1vw;
  }
}

#sps {
  background-color: #eff3ee;
}
#sps .wrap03 {
  padding-top: 100px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1160px) {
  #sps .wrap03 {
    padding-top: 8.6vw;
    padding-bottom: 6.9vw;
  }
}
@media screen and (max-width: 768px) {
  #sps .wrap03 {
    padding-top: 10.9vw;
    padding-bottom: 12.5vw;
  }
}
#sps h2 {
  font-size: 22px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
  color: #095726;
}
@media screen and (max-width: 1160px) {
  #sps h2 {
    font-size: 1.9vw;
  }
}
@media screen and (max-width: 768px) {
  #sps h2 {
    font-size: 3.8vw;
  }
}
#sps .txt01 {
  font-size: 32px;
  line-height: 1.5em;
  letter-spacing: 0.15em;
  text-align: center;
  margin-top: 40px;
}
@media screen and (max-width: 1160px) {
  #sps .txt01 {
    font-size: 2.8vw;
    margin-top: 3.4vw;
  }
}
@media screen and (max-width: 768px) {
  #sps .txt01 {
    font-size: 5.5vw;
    line-height: 1.7em;
    letter-spacing: 0;
    margin-top: 6.8vw;
  }
}
#sps .space_box01 {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1160px) {
  #sps .space_box01 {
    margin-top: 6.9vw;
  }
}
@media screen and (max-width: 768px) {
  #sps .space_box01 {
    width: 78vw;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 7.8vw;
  }
}
#sps .space_box01 section {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #sps .space_box01 section {
    width: 100%;
  }
  #sps .space_box01 section:nth-child(n+2) {
    margin-top: 7vw;
  }
}
#sps .space_box01 section h3 {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.5em;
  color: #095726;
  margin-top: 1.5em;
}
@media screen and (max-width: 1160px) {
  #sps .space_box01 section h3 {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 768px) {
  #sps .space_box01 section h3 {
    font-size: 3.1vw;
    margin-top: 5.5vw;
  }
}
#sps .space_box01 section .s_txt01 {
  font-size: 16px;
  line-height: 1.7em;
  margin-top: 1.2em;
}
@media screen and (max-width: 1160px) {
  #sps .space_box01 section .s_txt01 {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  #sps .space_box01 section .s_txt01 {
    font-size: 3.1vw;
  }
}
#sps .space_box01 section .s_txt02 {
  width: 105%;
  font-size: 11px;
  line-height: 2.1em;
  margin-top: 1.8em;
}
@media screen and (max-width: 1160px) {
  #sps .space_box01 section .s_txt02 {
    font-size: 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  #sps .space_box01 section .s_txt02 {
    font-size: 2.5vw;
    line-height: 2em;
    margin-top: 1.3em;
  }
}

.note_box {
  padding-top: 20px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1160px) {
  .note_box {
    width: 98%;
    padding-top: 1.7vw;
    padding-bottom: 2.6vw;
  }
}
@media screen and (max-width: 768px) {
  .note_box {
    width: 90.6vw;
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}
.note_box p {
  font-size: 10px;
  line-height: 1.8em;
}
@media screen and (max-width: 1160px) {
  .note_box p {
    font-size: 0.9vw;
  }
}
@media screen and (max-width: 768px) {
  .note_box p {
    font-size: 2.2vw;
  }
}

#plan_single .wrap05 {
  padding-top: 110px;
  padding-bottom: 100px;
}
@media screen and (max-width: 1160px) {
  #plan_single .wrap05 {
    padding-top: 9.5vw;
    padding-bottom: 8.6vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_single .wrap05 {
    width: 100%;
    padding-top: 8.3vw;
    padding-bottom: 7.2vw;
  }
}
#plan_single h2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 75px;
}
@media screen and (max-width: 1160px) {
  #plan_single h2 {
    margin-bottom: 6.5vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_single h2 {
    width: 90.6%;
    margin-bottom: 7.8vw;
  }
}
#plan_single .txt_box01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #plan_single .txt_box01 {
    width: 90.6%;
    margin-left: auto;
    margin-right: auto;
  }
}
#plan_single .txt_box01 .txt_block {
  width: 71.1%;
}
@media screen and (max-width: 768px) {
  #plan_single .txt_box01 .txt_block {
    width: 68%;
  }
}
#plan_single .txt_box01 .txt_block .txt01 {
  font-size: 21px;
  font-weight: 400;
}
@media screen and (max-width: 1160px) {
  #plan_single .txt_box01 .txt_block .txt01 {
    font-size: 1.8vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_single .txt_box01 .txt_block .txt01 {
    font-size: 3.1vw;
    line-height: 1.8em;
  }
}
#plan_single .txt_box01 .txt_block .txt_list01 {
  margin-top: 20px;
}
@media screen and (max-width: 1160px) {
  #plan_single .txt_box01 .txt_block .txt_list01 {
    margin-top: 1.7vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_single .txt_box01 .txt_block .txt_list01 {
    margin-top: 2.5vw;
  }
}
#plan_single .txt_box01 .txt_block .txt_list01 li {
  font-size: 16px;
  line-height: 1.6em;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 1160px) {
  #plan_single .txt_box01 .txt_block .txt_list01 li {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_single .txt_box01 .txt_block .txt_list01 li {
    width: 150%;
    font-size: 2.5vw;
  }
}
#plan_single .txt_box01 .txt_block .txt_list01 li + li {
  margin-top: 0.4em;
}
#plan_single .txt_box01 .torikago {
  width: 28.4%;
}
@media screen and (max-width: 768px) {
  #plan_single .txt_box01 .torikago {
    width: 31.6%;
  }
}
#plan_single .img01 {
  width: 100%;
  margin-top: 80px;
}
@media screen and (max-width: 1160px) {
  #plan_single .img01 {
    margin-top: 6.9vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_single .img01 {
    margin-top: 7.8vw;
  }
}
#plan_single .sub_txt01 {
  font-size: 10px;
  line-height: 1.8em;
  margin-top: 35px;
}
@media screen and (max-width: 1160px) {
  #plan_single .sub_txt01 {
    font-size: 0.9vw;
    margin-top: 3vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_single .sub_txt01 {
    width: 90.6%;
    margin-left: auto;
    margin-right: auto;
    font-size: 2vw;
    margin-top: 4.7vw;
  }
}
#plan_single .link_list01 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 75px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 1160px) {
  #plan_single .link_list01 {
    margin-top: 6.5vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_single .link_list01 {
    width: 90.6%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7.8vw;
  }
}
#plan_single .link_list01 li {
  width: 160px;
  margin-left: 15px;
}
@media screen and (max-width: 1160px) {
  #plan_single .link_list01 li {
    width: 13.8vw;
    margin-left: 1.3vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_single .link_list01 li {
    width: 18.8%;
    margin-left: 1.5%;
  }
}
#plan_single .link_list01 li:nth-child(5n+1) {
  margin-left: 0;
}
#plan_single .link_list01 li:nth-child(n+6) {
  margin-top: 15px;
}
@media screen and (max-width: 1160px) {
  #plan_single .link_list01 li:nth-child(n+6) {
    margin-top: 1.3vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_single .link_list01 li:nth-child(n+6) {
    margin-top: 1.4vw;
  }
}
#plan_single .link_list01 li a img {
  opacity: 0.4;
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
#plan_single .link_list01 li a:hover img {
  opacity: 1;
}
#plan_single .totop {
  width: 190px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
@media screen and (max-width: 1160px) {
  #plan_single .totop {
    width: 16.4vw;
    margin-top: 4.3vw;
  }
}
@media screen and (max-width: 768px) {
  #plan_single .totop {
    width: 29.5vw;
    margin-top: 7vw;
  }
}
#plan_single.atype .link_list01 .atype a img {
  opacity: 1;
}
#plan_single.btype .link_list01 .btype a img {
  opacity: 1;
}
#plan_single.b1type .link_list01 .b1type a img {
  opacity: 1;
}
#plan_single.ctype .link_list01 .ctype a img {
  opacity: 1;
}
#plan_single.c1type .link_list01 .c1type a img {
  opacity: 1;
}
#plan_single.c2type .img01 {
  width: 116.7%;
  margin-left: -8.35%;
  margin-right: -8.35%;
}
@media screen and (max-width: 768px) {
  #plan_single.c2type .img01 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
#plan_single.c2type .link_list01 .c2type a img {
  opacity: 1;
}
#plan_single.c3type .link_list01 .c3type a img {
  opacity: 1;
}
#plan_single.dtype .link_list01 .dtype a img {
  opacity: 1;
}
#plan_single.d1type .link_list01 .d1type a img {
  opacity: 1;
}/*# sourceMappingURL=style_plan.css.map */