@charset "UTF-8";
.main {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}
body{
  color: #333;
}
/* 余白・センタリング */
.m-auto {
  margin: auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.m-0 {
  margin: 0px !important;
}
@media screen and (max-width: 1024px) {
  .m-0 {
    margin: 0px !important;
  }
}
.mt-0 {
  margin-top: 0px !important;
}
@media screen and (max-width: 1024px) {
  .mt-0 {
    margin-top: 0px !important;
  }
}
.mb-0 {
  margin-bottom: 0px !important;
}
@media screen and (max-width: 1024px) {
  .mb-0 {
    margin-bottom: 0px !important;
  }
}
.ml-0 {
  margin-left: 0px !important;
}
@media screen and (max-width: 1024px) {
  .ml-0 {
    margin-left: 0px !important;
  }
}
.mr-0 {
  margin-right: 0px !important;
}
@media screen and (max-width: 1024px) {
  .mr-0 {
    margin-right: 0px !important;
  }
}
.m-4 {
  margin: 4px !important;
}
@media screen and (max-width: 1024px) {
  .m-4 {
    margin: 4px !important;
  }
}
.mt-4 {
  margin-top: 4px !important;
}
@media screen and (max-width: 1024px) {
  .mt-4 {
    margin-top: 4px !important;
  }
}
.mb-4 {
  margin-bottom: 4px !important;
}
@media screen and (max-width: 1024px) {
  .mb-4 {
    margin-bottom: 4px !important;
  }
}
.ml-4 {
  margin-left: 4px !important;
}
@media screen and (max-width: 1024px) {
  .ml-4 {
    margin-left: 4px !important;
  }
}
.mr-4 {
  margin-right: 4px !important;
}
@media screen and (max-width: 1024px) {
  .mr-4 {
    margin-right: 4px !important;
  }
}
.m-8 {
  margin: 8px !important;
}
@media screen and (max-width: 1024px) {
  .m-8 {
    margin: 8px !important;
  }
}
.mt-8 {
  margin-top: 8px !important;
}
@media screen and (max-width: 1024px) {
  .mt-8 {
    margin-top: 8px !important;
  }
}
.mb-8 {
  margin-bottom: 8px !important;
}
@media screen and (max-width: 1024px) {
  .mb-8 {
    margin-bottom: 8px !important;
  }
}
.ml-8 {
  margin-left: 8px !important;
}
@media screen and (max-width: 1024px) {
  .ml-8 {
    margin-left: 8px !important;
  }
}
.mr-8 {
  margin-right: 8px !important;
}
@media screen and (max-width: 1024px) {
  .mr-8 {
    margin-right: 8px !important;
  }
}
.m-16 {
  margin: 16px !important;
}
@media screen and (max-width: 1024px) {
  .m-16 {
    margin: 16px !important;
  }
}
.mt-16 {
  margin-top: 16px !important;
}
@media screen and (max-width: 1024px) {
  .mt-16 {
    margin-top: 16px !important;
  }
}
.mb-16 {
  margin-bottom: 16px !important;
}
@media screen and (max-width: 1024px) {
  .mb-16 {
    margin-bottom: 16px !important;
  }
}
.ml-16 {
  margin-left: 16px !important;
}
@media screen and (max-width: 1024px) {
  .ml-16 {
    margin-left: 16px !important;
  }
}
.mr-16 {
  margin-right: 16px !important;
}
@media screen and (max-width: 1024px) {
  .mr-16 {
    margin-right: 16px !important;
  }
}
.m-24 {
  margin: 24px !important;
}
@media screen and (max-width: 1024px) {
  .m-24 {
    margin: 24px !important;
  }
}
.mt-24 {
  margin-top: 24px !important;
}
@media screen and (max-width: 1024px) {
  .mt-24 {
    margin-top: 24px !important;
  }
}
.mb-24 {
  margin-bottom: 24px !important;
}
@media screen and (max-width: 1024px) {
  .mb-24 {
    margin-bottom: 24px !important;
  }
}
.ml-24 {
  margin-left: 24px !important;
}
@media screen and (max-width: 1024px) {
  .ml-24 {
    margin-left: 24px !important;
  }
}
.mr-24 {
  margin-right: 24px !important;
}
@media screen and (max-width: 1024px) {
  .mr-24 {
    margin-right: 24px !important;
  }
}
.m-32 {
  margin: 32px !important;
}
@media screen and (max-width: 1024px) {
  .m-32 {
    margin: 32px !important;
  }
}
.mt-32 {
  margin-top: 32px !important;
}
@media screen and (max-width: 1024px) {
  .mt-32 {
    margin-top: 32px !important;
  }
}
.mb-32 {
  margin-bottom: 32px !important;
}
@media screen and (max-width: 1024px) {
  .mb-32 {
    margin-bottom: 32px !important;
  }
}
.ml-32 {
  margin-left: 32px !important;
}
@media screen and (max-width: 1024px) {
  .ml-32 {
    margin-left: 32px !important;
  }
}
.mr-32 {
  margin-right: 32px !important;
}
@media screen and (max-width: 1024px) {
  .mr-32 {
    margin-right: 32px !important;
  }
}
.m-40 {
  margin: 40px !important;
}
@media screen and (max-width: 1024px) {
  .m-40 {
    margin: 40px !important;
  }
}
.mt-40 {
  margin-top: 40px !important;
}
@media screen and (max-width: 1024px) {
  .mt-40 {
    margin-top: 40px !important;
  }
}
.mb-40 {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 1024px) {
  .mb-40 {
    margin-bottom: 40px !important;
  }
}
.ml-40 {
  margin-left: 40px !important;
}
@media screen and (max-width: 1024px) {
  .ml-40 {
    margin-left: 40px !important;
  }
}
.mr-40 {
  margin-right: 40px !important;
}
@media screen and (max-width: 1024px) {
  .mr-40 {
    margin-right: 40px !important;
  }
}
.m-64 {
  margin: 64px !important;
}
@media screen and (max-width: 1024px) {
  .m-64 {
    margin: 56px !important;
  }
}
.mt-64 {
  margin-top: 64px !important;
}
@media screen and (max-width: 1024px) {
  .mt-64 {
    margin-top: 56px !important;
  }
}
.mb-64 {
  margin-bottom: 64px !important;
}
@media screen and (max-width: 1024px) {
  .mb-64 {
    margin-bottom: 56px !important;
  }
}
.ml-64 {
  margin-left: 64px !important;
}
@media screen and (max-width: 1024px) {
  .ml-64 {
    margin-left: 56px !important;
  }
}
.mr-64 {
  margin-right: 64px !important;
}
@media screen and (max-width: 1024px) {
  .mr-64 {
    margin-right: 56px !important;
  }
}
.m-104 {
  margin: 104px !important;
}
@media screen and (max-width: 1024px) {
  .m-104 {
    margin: 72px !important;
  }
}
.mt-104 {
  margin-top: 104px !important;
}
@media screen and (max-width: 1024px) {
  .mt-104 {
    margin-top: 72px !important;
  }
}
.mb-104 {
  margin-bottom: 104px !important;
}
@media screen and (max-width: 1024px) {
  .mb-104 {
    margin-bottom: 72px !important;
  }
}
.ml-104 {
  margin-left: 104px !important;
}
@media screen and (max-width: 1024px) {
  .ml-104 {
    margin-left: 72px !important;
  }
}
.mr-104 {
  margin-right: 104px !important;
}
@media screen and (max-width: 1024px) {
  .mr-104 {
    margin-right: 72px !important;
  }
}
.m-168 {
  margin: 168px !important;
}
@media screen and (max-width: 1024px) {
  .m-168 {
    margin: 128px !important;
  }
}
.mt-168 {
  margin-top: 168px !important;
}
@media screen and (max-width: 1024px) {
  .mt-168 {
    margin-top: 128px !important;
  }
}
.mb-168 {
  margin-bottom: 168px !important;
}
@media screen and (max-width: 1024px) {
  .mb-168 {
    margin-bottom: 128px !important;
  }
}
.ml-168 {
  margin-left: 168px !important;
}
@media screen and (max-width: 1024px) {
  .ml-168 {
    margin-left: 128px !important;
  }
}
.mr-168 {
  margin-right: 168px !important;
}
@media screen and (max-width: 1024px) {
  .mr-168 {
    margin-right: 128px !important;
  }
}
.p-0 {
  padding: 0px !important;
}
@media screen and (max-width: 1024px) {
  .p-0 {
    padding: 0px !important;
  }
}
.pt-0 {
  padding-top: 0px !important;
}
@media screen and (max-width: 1024px) {
  .pt-0 {
    padding-top: 0px !important;
  }
}
.pb-0 {
  padding-bottom: 0px !important;
}
@media screen and (max-width: 1024px) {
  .pb-0 {
    padding-bottom: 0px !important;
  }
}
.pl-0 {
  padding-left: 0px !important;
}
@media screen and (max-width: 1024px) {
  .pl-0 {
    padding-left: 0px !important;
  }
}
.pr-0 {
  padding-right: 0px !important;
}
@media screen and (max-width: 1024px) {
  .pr-0 {
    padding-right: 0px !important;
  }
}
.p-4 {
  padding: 4px !important;
}
@media screen and (max-width: 1024px) {
  .p-4 {
    padding: 4px !important;
  }
}
.pt-4 {
  padding-top: 4px !important;
}
@media screen and (max-width: 1024px) {
  .pt-4 {
    padding-top: 4px !important;
  }
}
.pb-4 {
  padding-bottom: 4px !important;
}
@media screen and (max-width: 1024px) {
  .pb-4 {
    padding-bottom: 4px !important;
  }
}
.pl-4 {
  padding-left: 4px !important;
}
@media screen and (max-width: 1024px) {
  .pl-4 {
    padding-left: 4px !important;
  }
}
.pr-4 {
  padding-right: 4px !important;
}
@media screen and (max-width: 1024px) {
  .pr-4 {
    padding-right: 4px !important;
  }
}
.p-8 {
  padding: 8px !important;
}
@media screen and (max-width: 1024px) {
  .p-8 {
    padding: 8px !important;
  }
}
.pt-8 {
  padding-top: 8px !important;
}
@media screen and (max-width: 1024px) {
  .pt-8 {
    padding-top: 8px !important;
  }
}
.pb-8 {
  padding-bottom: 8px !important;
}
@media screen and (max-width: 1024px) {
  .pb-8 {
    padding-bottom: 8px !important;
  }
}
.pl-8 {
  padding-left: 8px !important;
}
@media screen and (max-width: 1024px) {
  .pl-8 {
    padding-left: 8px !important;
  }
}
.pr-8 {
  padding-right: 8px !important;
}
@media screen and (max-width: 1024px) {
  .pr-8 {
    padding-right: 8px !important;
  }
}
.p-16 {
  padding: 16px !important;
}
@media screen and (max-width: 1024px) {
  .p-16 {
    padding: 16px !important;
  }
}
.pt-16 {
  padding-top: 16px !important;
}
@media screen and (max-width: 1024px) {
  .pt-16 {
    padding-top: 16px !important;
  }
}
.pb-16 {
  padding-bottom: 16px !important;
}
@media screen and (max-width: 1024px) {
  .pb-16 {
    padding-bottom: 16px !important;
  }
}
.pl-16 {
  padding-left: 16px !important;
}
@media screen and (max-width: 1024px) {
  .pl-16 {
    padding-left: 16px !important;
  }
}
.pr-16 {
  padding-right: 16px !important;
}
@media screen and (max-width: 1024px) {
  .pr-16 {
    padding-right: 16px !important;
  }
}
.p-24 {
  padding: 24px !important;
}
@media screen and (max-width: 1024px) {
  .p-24 {
    padding: 24px !important;
  }
}
.pt-24 {
  padding-top: 24px !important;
}
@media screen and (max-width: 1024px) {
  .pt-24 {
    padding-top: 24px !important;
  }
}
.pb-24 {
  padding-bottom: 24px !important;
}
@media screen and (max-width: 1024px) {
  .pb-24 {
    padding-bottom: 24px !important;
  }
}
.pl-24 {
  padding-left: 24px !important;
}
@media screen and (max-width: 1024px) {
  .pl-24 {
    padding-left: 24px !important;
  }
}
.pr-24 {
  padding-right: 24px !important;
}
@media screen and (max-width: 1024px) {
  .pr-24 {
    padding-right: 24px !important;
  }
}
.p-32 {
  padding: 32px !important;
}
@media screen and (max-width: 1024px) {
  .p-32 {
    padding: 32px !important;
  }
}
.pt-32 {
  padding-top: 32px !important;
}
@media screen and (max-width: 1024px) {
  .pt-32 {
    padding-top: 32px !important;
  }
}
.pb-32 {
  padding-bottom: 32px !important;
}
@media screen and (max-width: 1024px) {
  .pb-32 {
    padding-bottom: 32px !important;
  }
}
.pl-32 {
  padding-left: 32px !important;
}
@media screen and (max-width: 1024px) {
  .pl-32 {
    padding-left: 32px !important;
  }
}
.pr-32 {
  padding-right: 32px !important;
}
@media screen and (max-width: 1024px) {
  .pr-32 {
    padding-right: 32px !important;
  }
}
.p-40 {
  padding: 40px !important;
}
@media screen and (max-width: 1024px) {
  .p-40 {
    padding: 40px !important;
  }
}
.pt-40 {
  padding-top: 40px !important;
}
@media screen and (max-width: 1024px) {
  .pt-40 {
    padding-top: 40px !important;
  }
}
.pb-40 {
  padding-bottom: 40px !important;
}
@media screen and (max-width: 1024px) {
  .pb-40 {
    padding-bottom: 40px !important;
  }
}
.pl-40 {
  padding-left: 40px !important;
}
@media screen and (max-width: 1024px) {
  .pl-40 {
    padding-left: 40px !important;
  }
}
.pr-40 {
  padding-right: 40px !important;
}
@media screen and (max-width: 1024px) {
  .pr-40 {
    padding-right: 40px !important;
  }
}
.p-64 {
  padding: 64px !important;
}
@media screen and (max-width: 1024px) {
  .p-64 {
    padding: 56px !important;
  }
}
.pt-64 {
  padding-top: 64px !important;
}
@media screen and (max-width: 1024px) {
  .pt-64 {
    padding-top: 56px !important;
  }
}
.pb-64 {
  padding-bottom: 64px !important;
}
@media screen and (max-width: 1024px) {
  .pb-64 {
    padding-bottom: 56px !important;
  }
}
.pl-64 {
  padding-left: 64px !important;
}
@media screen and (max-width: 1024px) {
  .pl-64 {
    padding-left: 56px !important;
  }
}
.pr-64 {
  padding-right: 64px !important;
}
@media screen and (max-width: 1024px) {
  .pr-64 {
    padding-right: 56px !important;
  }
}
.p-104 {
  padding: 104px !important;
}
@media screen and (max-width: 1024px) {
  .p-104 {
    padding: 72px !important;
  }
}
.pt-104 {
  padding-top: 104px !important;
}
@media screen and (max-width: 1024px) {
  .pt-104 {
    padding-top: 72px !important;
  }
}
.pb-104 {
  padding-bottom: 104px !important;
}
@media screen and (max-width: 1024px) {
  .pb-104 {
    padding-bottom: 72px !important;
  }
}
.pl-104 {
  padding-left: 104px !important;
}
@media screen and (max-width: 1024px) {
  .pl-104 {
    padding-left: 72px !important;
  }
}
.pr-104 {
  padding-right: 104px !important;
}
@media screen and (max-width: 1024px) {
  .pr-104 {
    padding-right: 72px !important;
  }
}
.p-168 {
  padding: 168px !important;
}
@media screen and (max-width: 1024px) {
  .p-168 {
    padding: 128px !important;
  }
}
.pt-168 {
  padding-top: 168px !important;
}
@media screen and (max-width: 1024px) {
  .pt-168 {
    padding-top: 128px !important;
  }
}
.pb-168 {
  padding-bottom: 168px !important;
}
@media screen and (max-width: 1024px) {
  .pb-168 {
    padding-bottom: 128px !important;
  }
}
.pl-168 {
  padding-left: 168px !important;
}
@media screen and (max-width: 1024px) {
  .pl-168 {
    padding-left: 128px !important;
  }
}
.pr-168 {
  padding-right: 168px !important;
}
@media screen and (max-width: 1024px) {
  .pr-168 {
    padding-right: 128px !important;
  }
}
.text-center {
  text-align: center !important;
}
.content-header {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .content-header {
    text-align: left;
  }
}

/* btn */
.btwr-btn-a{
  display: block;
  width: 320px;
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  background: #0F7994;
  text-align: center;
  border-radius: 50px;
  margin: 65px auto 104px;
  padding: 10px 0;
  position: relative;
}

.btwr-btn-a span::before{
  content: "";
  background: url("../img/btwr/btn-point.svg");
  background-size: 30px;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}

@media screen and (max-width: 767px){
  .btwr-btn-a span::before{
    content: "";
    background-size: 22px;
    width: 22px;
    height: 22px;
  }
}

/* 横幅 */

.btwr-box-wrap {
  max-width: 1024px;
  margin: 0 auto;
}
@media screen and (max-width: 1050px){
  .btwr-box-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* font */
.title-36 {
  font-size: clamp(20px, 3.515625vw, 36px);
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.4em;
}
@media screen and (max-width: 1024px) {
  .title-36 {
    font-size: 20px;
  }
}
.title-30 {
  font-size: clamp(24px, 2.9296875vw, 30px);
  font-weight: 600;
  letter-spacing: 0.03em;
  line-height: 1.4em;
}
@media screen and (max-width: 1024px) {
  .title-30 {
    font-size: 24px;
  }
}
.title-19{
  font-size: 19px;
  font-weight: 600;
}
.fz-18{
  font-size: 18px;
}
.fz-16{
  font-size: 16px;
}
.fz-14{
  font-size: 14px;
}
.txt_orange{
  color: #E8380D;
}
.txt-gray{
  color: #7A8CA0;
}


/* ul */
.list-asterisk > li,
.list-point > li {
  position: relative;
  padding-left: 1.1em;
  counter-increment: cnt;
}
.list-asterisk > li::before,
.list-point > li::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.3em;
  height: 1.3em;
}
.list-asterisk > li {
  padding-left: 1em;
  text-indent: -1em;
}
.list-asterisk > li::before {
  position: static;
  content: "※";
}
.list-point > li {
  padding-left: 1em;
  text-indent: -1em;
}
.list-point > li::before {
  position: static;
  content: "・";
}

/* flex・col */
.column {
  display: flex;
  justify-content: space-between;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  flex-wrap: wrap;
}
@media screen and (max-width: 1064px) {
  .column {
    width: calc(100vw - 40px);
  }
}
@media screen and (max-width: 767px) {
  .column {
    display: inherit;
  }
}
.column > [class*="col-"] {
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  .column > [class*="col-"] {
    margin-bottom: 32px;
  }
  .column > [class*="col-"]:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .column > .col-496:nth-child(2n+1):nth-last-child(-n+2),
  .column > .col-496:nth-child(2n+1):nth-last-child(-n+2) ~ * {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .column > .col-496:nth-child(3n+1):nth-last-child(-n+3),
  .column > .col-496:nth-child(3n+1):nth-last-child(-n+3) ~ *{
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .column > .col-496:nth-child(2n+1):nth-last-child(-n+2),
  .column > .col-496:nth-child(2n+1):nth-last-child(-n+2) ~ * {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .column > .col-496:nth-child(3n+1):nth-last-child(-n+3),
  .column > .col-496:nth-child(3n+1):nth-last-child(-n+3) ~ *{
    margin-bottom: 0;
  }
}
.col-496 {
  max-width: 496px;
  width: 46.616541353383454vw;
}
@media screen and (max-width: 767px) {
  .col-496 {
    max-width: 100%;
    width: 100%;
  }
}

/* contents01 */
.font-serif{
  color: #333;
  line-height: 1.4em;
  font-family: 'Noto Serif JP', serif;
}
/* contents02 */
.contents02{
  background-color: #F4EFE9;
}

/* contents03 */
.contents03{
  background: linear-gradient(180deg, #fff 0%, #F9F9F9 100%);
}

/* contents05 */
.precautions-box{
  border: 1px solid #333;
  padding: 20px;
}