@charset "UTF-8";
.main .mv_area .mv_img .img {
  padding-top: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.main .mv_area .inner {
  width: 100%;
  position: absolute;
  top: 40vw;
  left: 50%;
  transform: translateX(-50%);
}
.main .mv_area .inner .t_ttl {
  max-width: 270px;
  margin: 0 auto 10px;
}
.main .mv_area .inner .ttl {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}
.main .t_wrap {
  padding: 60px 0;
  background-color: #fff;
  border-radius: 20px;
  margin-top: -20px;
}
.main .t_wrap .lead {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 30px;
}
.main .t_wrap .t_txt {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
}
.main .t_wrap .list01 li {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  padding: 20px 15px;
  background-color: rgba(76, 183, 165, 0.15);
  border-radius: 15px;
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
}
.main .t_wrap .list01 li:last-child {
  margin-bottom: 0;
}
.main .t_wrap .list01 li::before {
  display: block;
  content: "✔";
  font-size: 18px;
  font-weight: 600;
  margin-right: 10px;
}
.main .t_wrap .list02 {
  margin-bottom: 20px;
}
.main .t_wrap .list02 li {
  padding: 20px;
  background-color: rgba(44, 74, 124, 0.1);
  border-radius: 15px;
  margin-bottom: 10px;
}
.main .t_wrap .list02 li:last-child {
  margin-bottom: 0;
}
.main .t_wrap .list02 li .s_f {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.main .t_wrap .list02 li .num {
  max-width: 60px;
  margin-right: 20px;
}
.main .t_wrap .list02 li .txtarea .txt {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}
.main .t_wrap .list02 li .txtarea .list_note {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}
.main .t_wrap .list02 li .icon01 {
  max-width: 80px;
}
.main .t_wrap .list02 li .icon02 {
  max-width: 70px;
}
.main .t_wrap .list02 li .icon03 {
  max-width: 100px;
}
.main .t_wrap .table_note {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.3;
}
.main .t_wrap .note {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #F28B30;
  padding-left: 20px;
}
.main .t_wrap .note::before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 10px;
  background: url(../img/support/support_arrow.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 0;
}
.main .t_wrap .note a {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #F28B30;
  text-decoration: underline;
  text-underline-offset: 5px;
}
.main .t_wrap .note a:hover {
  text-decoration: none;
}
.main .t_wrap .table_area .table {
  min-width: calc(900px - 2rem);
  border-collapse: separate;
  border-spacing: 3px;
}
.main .t_wrap .table_area .table tr th {
  background-color: #2c4a7c;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
  padding: 1rem 0;
}
.main .t_wrap .table_area .table tr th:nth-of-type(1) {
  width: 200px;
}
.main .t_wrap .table_area .table tr th:nth-of-type(2) {
  width: 200px;
}
.main .t_wrap .table_area .table tr th:nth-of-type(3) {
  width: 200px;
}
.main .t_wrap .table_area .table tr td {
  vertical-align: middle;
  background-color: rgba(44, 74, 124, 0.15);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  border-radius: 5px;
  padding: 1rem 0.8rem;
  color: #2c4a7c;
}
.main .t_wrap .table_area .table tr td .m_t {
  text-align: center;
  font-size: 18px;
}
.main .t_wrap .table_area .table tr td .s_t {
  font-size: 14px;
}
.main .t_wrap .list03 {
  margin-bottom: 20px;
}
.main .t_wrap .list03 dl {
  margin-bottom: 5px;
}
.main .t_wrap .list03 dl dt {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #2c4a7c;
  padding: 15px 0;
  border-radius: 5px;
  margin-bottom: 5px;
}
.main .t_wrap .list03 dl dd {
  font-size: 16px;
  font-weight: 600;
  color: #2c4a7c;
  line-height: 1.3;
  background-color: rgba(44, 74, 124, 0.15);
  padding: 20px;
  border-radius: 5px;
}
.main .t_wrap .list03 dl dd ul li {
  margin-bottom: 10px;
}
.main .t_wrap .list03 dl dd ul li:last-child {
  margin-bottom: 0;
}
.main .t_wrap .list03 dl dd ul li::before {
  display: inline-block;
  content: "・";
}
.main#cmn_support .sect01 .ttl {
  max-width: 400px;
  margin: 0 auto 20px;
}
.main#cmn_support .sect02 {
  margin-top: 50px;
}
.main#cmn_support .sect02 .ttl {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #2c4a7c;
}
.main#cmn_support .sect03 {
  margin-top: 50px;
}
.main#cmn_support .sect03 .ttl {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #2c4a7c;
}
.main#support03 .sect01 .ttl {
  max-width: 400px;
  margin: 0 auto 20px;
}
.main#support03 .sect02 {
  margin-top: 50px;
  padding: 50px 0;
  background-color: rgba(44, 74, 124, 0.15);
}
.main#support03 .sect02 .ttl {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #2c4a7c;
}
.main#support03 .sect02 .sect02_lists li {
  padding: 90px 20px 40px;
  background-color: #fff;
  border-radius: 20px;
  position: relative;
  margin-bottom: 20px;
}
.main#support03 .sect02 .sect02_lists li:last-child {
  margin-bottom: 0;
}
.main#support03 .sect02 .sect02_lists li .num_area {
  position: absolute;
  top: 0;
  left: 0;
}
.main#support03 .sect02 .sect02_lists li .num_area .num {
  max-width: 170px;
}
.main#support03 .sect02 .sect02_lists li .icon01 {
  max-width: 100px;
  margin: 0 auto 40px;
}
.main#support03 .sect02 .sect02_lists li .icon02 {
  max-width: 130px;
  margin: 0 auto 40px;
}
.main#support03 .sect02 .sect02_lists li .icon03 {
  max-width: 110px;
  margin: 0 auto 40px;
}
.main#support03 .sect02 .sect02_lists li .txt {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.main#support03 .sect03 {
  margin-top: 50px;
}
.main#support03 .sect03 .ttl {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #2c4a7c;
}
.main#support03 .sect04 {
  margin-top: 50px;
}
.main#support03 .sect04 .ttl {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #2c4a7c;
}
.main#support03 .sect04 .img_area {
  margin-bottom: 20px;
}
.main#support03 .sect04 .txtarea {
  margin-bottom: 30px;
}
.main#support03 .sect04 .txtarea p {
  font-size: 16px;
  line-height: 1.5;
}
.main#support03 .sect04 .note.mrg_t {
  margin-top: 10px;
}

@media screen and (min-width: 1024px) {
  .main .mv_area .mv_img .img {
    padding-top: 35%;
  }
  .main .mv_area .inner {
    top: 14vw;
  }
  .main .mv_area .inner .t_ttl {
    max-width: 350px;
    margin-bottom: 20px;
  }
  .main .mv_area .inner .ttl {
    font-size: 3vw;
  }
  .main .t_wrap {
    padding: 0 0 200px;
    border-radius: 30px;
    margin-top: -30px;
  }
  .main .t_wrap .lead {
    margin-top: 80px;
    font-size: 30px;
    line-height: 1.8;
    margin-bottom: 140px;
  }
  .main .t_wrap .t_txt {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .main .t_wrap .table_note {
    font-size: 16px;
  }
  .main .t_wrap .list01 {
    max-width: 1040px;
    margin: 0 auto;
  }
  .main .t_wrap .list01 li {
    font-size: 30px;
    padding: 30px;
    margin-bottom: 20px;
  }
  .main .t_wrap .list01 li::before {
    font-size: 30px;
  }
  .main .t_wrap .list02 {
    margin-bottom: 40px;
  }
  .main .t_wrap .list02 li {
    padding: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }
  .main .t_wrap .list02 li .s_f {
    margin-bottom: 0;
    align-items: flex-start;
    width: 25%;
  }
  .main .t_wrap .list02 li .num {
    max-width: 60px;
    margin-right: 60px;
  }
  .main .t_wrap .list02 li .txtarea {
    width: 75%;
  }
  .main .t_wrap .list02 li .txtarea .txt {
    font-size: 26px;
  }
  .main .t_wrap .list02 li .txtarea .list_note {
    margin-top: 20px;
    font-size: 22px;
  }
  .main .t_wrap .list02 li .icon01 {
    max-width: 140px;
  }
  .main .t_wrap .list02 li .icon02 {
    max-width: 100px;
  }
  .main .t_wrap .list02 li .icon03 {
    max-width: 140px;
  }
  .main .t_wrap .note {
    font-size: 26px;
  }
  .main .t_wrap .note::before {
    width: 20px;
    height: 20px;
    top: 10px;
  }
  .main .t_wrap .note a {
    font-size: 26px;
  }
  .main .t_wrap .table_area .table {
    min-width: 1400px;
    border-spacing: 5px;
  }
  .main .t_wrap .table_area .table tr th {
    font-size: 30px;
    padding: 1.5rem 0;
  }
  .main .t_wrap .table_area .table tr th:nth-of-type(1) {
    width: 320px;
  }
  .main .t_wrap .table_area .table tr th:nth-of-type(2) {
    width: 320px;
  }
  .main .t_wrap .table_area .table tr th:nth-of-type(3) {
    width: 320px;
  }
  .main .t_wrap .table_area .table tr td {
    font-size: 23px;
    padding: 1.5rem 1rem;
  }
  .main .t_wrap .table_area .table tr td .m_t {
    font-size: 30px;
  }
  .main .t_wrap .table_area .table tr td .s_t {
    font-size: 18px;
  }
  .main .t_wrap .list03 {
    margin-bottom: 40px;
  }
  .main .t_wrap .list03 dl {
    display: flex;
  }
  .main .t_wrap .list03 dl dt {
    width: 325px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-right: 5px;
    color: #2C4A7C;
    background-color: rgba(44, 74, 124, 0.15);
    font-size: 30px;
    padding: 30px 0;
  }
  .main .t_wrap .list03 dl dd {
    width: calc(100% - 320px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 20px;
    padding: 30px;
  }
  .main#cmn_support .sect01 .ttl {
    max-width: 1040px;
    margin-bottom: 40px;
  }
  .main#cmn_support .sect02 {
    margin-top: 120px;
  }
  .main#cmn_support .sect02 .ttl {
    font-size: 50px;
    margin-bottom: 60px;
  }
  .main#cmn_support .sect03 {
    margin-top: 120px;
  }
  .main#cmn_support .sect03 .ttl {
    font-size: 50px;
    margin-bottom: 60px;
  }
  .main#support03 .sect01 .ttl {
    max-width: 1040px;
    margin-bottom: 40px;
  }
  .main#support03 .sect02 {
    margin-top: 90px;
    padding: 90px 0;
  }
  .main#support03 .sect02 .ttl {
    font-size: 50px;
    margin-bottom: 60px;
  }
  .main#support03 .sect02 .sect02_lists {
    display: flex;
    flex-wrap: wrap;
  }
  .main#support03 .sect02 .sect02_lists li {
    width: calc((100% - 40px) / 3);
    margin-right: 20px;
    margin-bottom: 0;
    padding: 80px 30px 50px;
  }
  .main#support03 .sect02 .sect02_lists li:last-child {
    margin-right: 0;
  }
  .main#support03 .sect02 .sect02_lists li .icon01 {
    max-width: 150px;
    margin-bottom: 60px;
  }
  .main#support03 .sect02 .sect02_lists li .icon02 {
    max-width: 150px;
    margin-bottom: 60px;
  }
  .main#support03 .sect02 .sect02_lists li .icon03 {
    max-width: 130px;
    margin: 20px auto 50px;
  }
  .main#support03 .sect02 .sect02_lists li .txt {
    font-size: 20px;
    line-height: 1.8;
  }
  .main#support03 .sect03 {
    margin-top: 120px;
  }
  .main#support03 .sect03 .ttl {
    font-size: 50px;
    margin-bottom: 60px;
  }
  .main#support03 .sect04 {
    margin-top: 120px;
  }
  .main#support03 .sect04 .ttl {
    font-size: 50px;
    margin-bottom: 60px;
  }
  .main#support03 .sect04 .flex {
    display: flex;
    margin-bottom: 90px;
  }
  .main#support03 .sect04 .flex .img_area {
    width: 40%;
    margin-right: 70px;
    margin-bottom: 0;
  }
  .main#support03 .sect04 .flex .txtarea {
    width: 60%;
    margin-bottom: 0;
  }
  .main#support03 .sect04 .txtarea p {
    font-size: 24px;
    line-height: 1.8;
  }
  .main#support03 .sect04 .note.mrg_t {
    margin-top: 20px;
  }
}