@charset "UTF-8";
/* ---------------------------------
  top common
--------------------------------- */
/* btn_wrap */
.btn_wrap {
  text-align: center;
}
.btn_wrap a {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.btn_wrap a:hover {
  transform: scale(1.05);
  -webkit-transform: scale(1.05)
}
.btn_wrap {
  margin: 0 -5.5% 6.667vw;
}
.btn_wrap img {
  max-width: 133.333vw;
  width: 100%;
}
/* ---------------------------------
  top mainVisual
--------------------------------- */
.top #mainVisual {
  position: relative;
  z-index: 1;
  background: #3d7ad7;
  text-align: center;
}
.top #mainVisual .image img {
  margin: 0 auto;
}
.top #mainVisual .content01 img {
  width: 100%;
}
.top #mainVisual .content02 img {
  width: 88.533vw;
}
.top #mainVisual .content03 {
  position: relative;
  text-align: right;
}
.top #mainVisual .content03 img {
  width: 94.933vw;
}
.top #mainVisual .content04 img {
  width: 89.333vw;
}
@media screen and (max-width:768px) {
  .top #mainVisual .content01 {
    margin-bottom: -6.933vw;
  }
  .top #mainVisual .content03::after {
    content: "";
    background: #D5E5FE;
    width: 100vw;
    height: 11.733vw;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
  }
  .top #mainVisual .content04 {
    background: #D5E5FE;
    padding: 0 0 2.667vw;
  }
}
@media screen and (min-width:769px) {
  .top #mainVisual {
    background: url(../images/top/main_photo-bg-pc_01.jpg)no-repeat;
    background-size: contain;
    width: 100vw;
    height: 50vw;
  }
  .top #mainVisual .content02 {
    position: absolute;
    left: 3.417vw;
    z-index: 1;
    top: 3.75vw;
  }
  .top #mainVisual .content02 img {
    width: 42.083vw;
  }
  .top #mainVisual .content03 {
    position: absolute;
    top: 16.5vw;
    right: 3.25vw;
  }
  .top #mainVisual .content03 img {
    width: 46.333vw;
  }
  .top #mainVisual .content04 {
    position: absolute;
    right: 2.917vw;
    bottom: 2.833vw;
  }
  .top #mainVisual .content04 img {
    width: 45.167vw;
  }
  .top #mainVisual .content05 {
    position: absolute;
    bottom: 7.083vw;
    left: 5vw;
  }
  .top #mainVisual .content05 img {
    width: 40.333vw;
  }
  .top #mainVisual .btn_wrap {
    position: absolute;
    bottom: 11.167vw;
    left: 2.917vw;
    margin: 0;
  }
  .top #mainVisual .btn_wrap img {
    max-width: 43.083vw;
  }
  .top #mainVisual {
    background: url(../images/top/main_photo-bg-pc_01.jpg)no-repeat;
    background-size: contain;
    width: 100vw;
    height: 50vw;
  }
  .top #mainVisual .content02 {
    position: absolute;
    left: 3.417vw;
    z-index: 1;
    top: 3.75vw;
  }
  .top #mainVisual .content02 img {
    width: 42.083vw;
  }
  .top #mainVisual .content03 {
    position: absolute;
    top: 16.5vw;
    right: 3.25vw;
  }
  .top #mainVisual .content03 img {
    width: 46.333vw;
  }
  .top #mainVisual .content04 {
    position: absolute;
    right: 2.917vw;
    bottom: 2.833vw;
  }
  .top #mainVisual .content04 img {
    width: 45.167vw;
  }
  .top #mainVisual .content05 {
    position: absolute;
    bottom: 7.083vw;
    left: 5vw;
  }
  .top #mainVisual .content05 img {
    width: 40.333vw;
  }
  .top #mainVisual .btn_wrap {
    position: absolute;
    bottom: 11.167vw;
    left: 2.917vw;
    margin: 0;
  }
  .top #mainVisual .btn_wrap img {
    max-width: 43.083vw;
  }
}
/* ---------------------------------
  top firstcta
--------------------------------- */
.top #firstcta {
  background: #3d7ad7;
  text-align: center;
  padding: 4.267vw 0 0;
  margin: 0 0 12.267vw;
}
.top #firstcta::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #3d7ad7 transparent transparent transparent;
  border-width: 12.267vw 100vw 0 0;
  position: absolute;
  bottom: -12.2vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.top #firstcta .text img {
  width: 88.267vw;
}
.top #firstcta .btn_wrap {
  margin-bottom: 0;
}
/* ---------------------------------
  top lead
--------------------------------- */
.top #lead {
  position: relative;
  text-align: center;
}
.top #lead .content-head {
  margin-bottom: 5.333vw;
}
.top #lead .content-head img {
  width: 74.133vw;
}
.top #lead .image1 {
  margin-bottom: 5.333vw;
}
.top #lead .image1 img {
  width: 85.267vw;
}
.top #lead .image2 img {
  width: 91.467vw;
  margin: 0 auto;
}
/* ---------------------------------
  top problem
--------------------------------- */
.top #problem {
  position: relative;
  background: #3d7ad7;
  text-align: center;
  padding: 5.6vw 0 0;
}
.top #problem::after {
  content: "";
  background: url("../images/top/problem_bg-sp_01.png") top center no-repeat;
  background-size: contain;
  width: 100vw;
  height: 187.467vw;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.top #problem .content-title {
  margin-bottom: -8.267vw;
}
.top #problem .content-title img {
  width: 90.933vw;
  margin: 0 auto;
}
.top #problem .image_wrap {
  display: block;
}
/* ---------------------------------
  top catch
--------------------------------- */
.top #catch {
  position: relative;
  text-align: center;
}
.top #catch::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #3d7ad7 transparent transparent transparent;
  border-width: 5.333vw 6.667vw 0 6.667vw;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.top #catch .catchBg1 {
  position: relative;
  background: #E9F1FF;
  padding: 11.733vw 0 0;
}
.top #catch .catchBg1::before {
  content: "";
  background: url("../images/top/catch_head-bg_01.png") top center no-repeat;
  background-size: contain;
  width: 157.333vw;
  height: 39.2vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 0;
}
.top #catch .catchBg1::after {
  content: "";
  background: #fff;
  width: 100%;
  height: 8.8vw;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.top #catch .catchBg2 {
  background: #fff;
  padding: 0 0 8.533vw;
}
.top #catch .catchBg2 .inner {
  max-width: 213.333vw;
}
.top #catch .title {
  margin-bottom: 4.533vw;
}
.top #catch .title img {
  width: 81.6vw;
}
.top #catch .lead {
  margin-bottom: 4.533vw;
}
.top #catch .lead img {
  width: 88vw;
}
.top #catch .image {
  margin-bottom: 5.333vw;
}
.top #catch .text {
  font-size: 4.267vw;
  font-weight: 700;
  color: #144184;
  line-height: 1.5em;
  margin-bottom: 6.133vw;
}
.top #catch .text span {
  background: linear-gradient(transparent 60%, #fbeb64 60%);
}
.top #catch .iconlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}
.top #catch .iconlist li {
  width: 24%;
  padding: 0 0.267vw 3.467vw;
  background: #E9F1FF;
}
.top #catch .iconlist .list_icon {
  max-width: 90%;
  margin: 0 auto;
}
.top #catch .iconlist .list_txt {
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.08em;
  margin-top: -1.867vw;
}
.top #catch .iconlist li:nth-child(n + 5) {
  margin-top: 1.333vw;
}
/* ---------------------------------
  top reason
--------------------------------- */
.top #reason {
  text-align: center;
  padding: 0 0 1.333vw;
}
.top #reason .content-title {
  position: relative;
  background: #D6DDEB;
  padding: 0 0 5.333vw;
}
.top #reason .content-title::before {
  content: "";
  background: #fff;
  width: 100%;
  height: 8vw;
  position: absolute;
  top: 0;
  left: 0;
}
.top #reason .content-title img {
  width: 84vw;
  margin: 0 auto;
}
.top #reason .content-head {
  background: #D6DDEB;
  padding: 0 0 5.333vw;
}
.top #reason .content-block.block1 {
  background: #D6DDEB;
  padding: 0 0 5.333vw;
}
.top #reason .content-block.block1 img {
  width: 92.267vw;
  margin: 0 auto;
}
.top #reason .content-block.block2 {
  margin-bottom: 1.6vw;
}
.top #reason .content-head img {
  width: 88vw;
}
.top #reason .btn_wrap {
  margin-bottom: 0;
}
/* ---------------------------------
  top knowhow
--------------------------------- */
.top #knowhow {
  padding: 10.667vw 0 8.8vw;
  background: #3d7ad7;
}
.top #knowhow .content-title {
  margin-bottom: 11.467vw;
}
.top #knowhow .content-title img {
  width: 74.667vw;
  margin: 0 auto;
}
.top #knowhow .dl_box {
  margin: 0 auto;
}
.top #knowhow .dl_box dl {
  position: relative;
  background: #fff;
  -webkit-box-shadow: 1.6vw 1.6vw 0 #2D62B2;
  box-shadow: 1.6vw 1.6vw 0 #2D62B2;
  border-radius: 0 2.133vw 2.133vw 2.133vw;
  width: 89.333vw;
  margin: 0 auto 8.533vw;
  padding: 6.4vw 4vw 5.867vw 5.333vw;
}
.top #knowhow .dl_box dl:last-child {
  margin-bottom: 0;
}
.top #knowhow .dl_box dl::before {
  content: "";
  position: absolute;
  left: 0;
  top: -5.067vw;
  width: 24.267vw;
  height: 5.12vw;
  background: url("../images/top/knowhow_object-index_01.png") center center no-repeat;
  background-size: contain;
}
.top #knowhow .dl_box dl dt {
  margin-bottom: 3.2vw;
}
.top #knowhow .dl_box dl dt .head {
  position: relative;
}
.top #knowhow .dl_box dl dt::before {
  content: "";
  position: absolute;
  top: -2vw;
  width: 10.933vw;
  height: 5.6vw;
  background: url("../images/top/knowhow_number_01.png") center center no-repeat;
  background-size: contain;
}
.top #knowhow .dl_box dl:nth-child(2) dt::before {
  background: url("../images/top/knowhow_number_02.png") center center no-repeat;
  background-size: contain;
}
.top #knowhow .dl_box dl:nth-child(3) dt::before {
  background: url("../images/top/knowhow_number_03.png") center center no-repeat;
  background-size: contain;
}
.top #knowhow .dl_box dl:nth-child(4) dt::before {
  background: url("../images/top/knowhow_number_04.png") center center no-repeat;
  background-size: contain;
}
.top #knowhow .dl_box dl:nth-child(5) dt::before {
  background: url("../images/top/knowhow_number_05.png") center center no-repeat;
  background-size: contain;
}
.top #knowhow .dl_box dl dt .head img {
  width: auto;
}
.top #knowhow .dl_box dl:nth-child(1) dt .head img,
.top #knowhow .dl_box dl:nth-child(2) dt .head img {
  height: 4.533vw;
}
.top #knowhow .dl_box dl:nth-child(3) dt .head img,
.top #knowhow .dl_box dl:nth-child(4) dt .head img,
.top #knowhow .dl_box dl:nth-child(5) dt .head img {
  height: 11.467vw;
}
.top #knowhow .dl_box dl dd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 3.467vw;
}
.top #knowhow .dl_box dl dd .text {
  width: 60.8vw;
}
.top #knowhow .dl_box dl dd .icon img {
  width: 14.933vw;
}
/* ---------------------------------
  top flow
--------------------------------- */
.top #flow {
  padding: 12vw 0 10.667vw;
}
.top #flow .content-title {
  margin-bottom: 10.133vw;
}
.top #flow .content-title img {
  width: 52vw;
}
.top #flow .content-text {
  text-align: center;
  margin-bottom: 8vw;
}
.top #flow .content-text p {
  font-size: 4vw;
  font-weight: 700;
  color: #144184;
  line-height: 1.5em;
  letter-spacing: 0;
  margin-bottom: 1.6vw;
}
.top #flow .content-text p:last-child {
  margin-bottom: 0;
}
.top #flow .content-text p:first-child {
  font-size: 3.733vw;
}
.top #flow .dl_box {
  display: flex;
  flex-wrap: wrap;
}
.top #flow .dl_box dl {
  position: relative;
  border-radius: 2.133vw;
  border: solid 1.067vw #DBE7FC;
  width: 89.333vw;
  margin: 0 auto 14.667vw;
}
.top #flow .dl_box dl:last-child {
  margin-bottom: 0;
}
.top #flow .dl_box dl:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  bottom: -11.733vw;
  margin: 0 auto;
  width: 21.333vw;
  height: 6.4vw;
  background: url("../images/top/flow_icon-arrow_01.png") center center no-repeat;
  background-size: contain;
}
.top #flow .dl_box dl dt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #DBE7FC;
  height: 22.4vw;
  padding: 0 4.267vw;
}
.top #flow .dl_box dl dt .head {
  display: flex;
  align-items: center;
  gap: 0 2.667vw;
}
.top #flow .dl_box dl dt .head .number img {
  width: 5.867vw;
}
.top #flow .dl_box dl:nth-child(1) dt .head .text img {
  width: 54.4vw;
}
.top #flow .dl_box dl:nth-child(2) dt .head .text img {
  width: 32.533vw;
}
.top #flow .dl_box dl:nth-child(3) dt .head .text img {
  width: 16vw;
}
.top #flow .dl_box dl dt .icon img {
  width: 10.667vw;
}
.top #flow .dl_box dl dd {
  padding: 5.333vw 5.867vw 6.4vw;
}
.top #flow .dl_box dl:first-child dd {
  padding-bottom: 1.6vw;
}
.top #flow .dl_box dl dd .button {
  margin-top: 3.2vw;
}
.top #flow .dl_box dl dd .button img {
  max-width: 85.333vw;
  margin: 0 -5.2vw;
  width: 85.333vw;
}
/* ---------------------------------
  top faq
--------------------------------- */
.top #faq {
  padding: 13.333vw 0 10.667vw;
  background: #F2F2F2;
}
.top #faq .inner {
  max-width: 213.333vw;
}
.top #faq .content-title {
  margin-bottom: 10.133vw;
}
.top #faq .content-title img {
  width: 52vw;
}
.top #faq .dl_box dl:not(:last-child) {
  margin-bottom: 2.933vw;
}
.top #faq .dl_box dd,
.top #faq .dl_box dt {
  font-size: 3.733vw;
  line-height: 1.5em;
  letter-spacing: 0.04em;
  padding: 4.533vw 6.933vw;
}
.top #faq .dl_box dt {
  position: relative;
  padding-right: 10.667vw;
  background: #fff;
  border-radius: 2.133vw;
  -webkit-border-radius: 2.133vw;
  -moz-border-radius: 2.133vw;
  padding-left: 12vw;
  cursor: pointer;
}
.top #faq .dl_box dt:hover {
  background: #f8f8f8
}
.top #faq .dl_box dt::before {
  content: '';
  position: absolute;
  left: 4vw;
  top: 50%;
  width: 4.267vw;
  height: 5.333vw;
  background: url("../images/top/faq_icon-Q_01.png") center center no-repeat;
  background-size: contain;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
}
.top #faq .dl_box dt::after {
  content: '';
  position: absolute;
  right: 2.667vw;
  top: 50%;
  width: 6.4vw;
  height: 6.4vw;
  background: url("../images/top/faq_icon-arrow_01.png") center center no-repeat;
  background-size: contain;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s
}
.top #faq .dl_box dt.open::after {
  transform: translate(0, -50%) rotate(180deg);
  -webkit-transform: translate(0, -50%) rotate(180deg)
}
.top #faq .dl_box dd {
  padding-bottom: 2.667vw;
}
/* ---------------------------------
  top company
--------------------------------- */
.top #company {
  padding: 12vw 0 10.667vw;
}
.top #company .inner {
  max-width: 213.333vw;
}
.top #company .content-title {
  margin-bottom: 13.333vw;
}
.top #company .content-title img {
  width: 30.4vw;
}
.top #company .dl_box {
  width: 89.333vw;
  margin: 0 auto;
}
.top #company .dl_box dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 3.733vw;
  padding-bottom: 4vw;
  border-bottom: 0.267vw solid #E8ECF3;
}
.top #company .dl_box dl:last-child {
  margin-bottom: 0;
}
.top #company .dl_box dl dt {
  font-size: 3.2vw;
  font-weight: bold;
  width: 29.333vw;
  color: #1E69D9;
  text-align: left;
  padding: 0 1.333vw;
}
.top #company .dl_box dl dd {
  font-size: 3.467vw;
  width: calc(100% - 29.333vw);
  padding-right: 2.667vw;
}
@media screen and (min-width:769px) {
  /* btn_wrap */
  .btn_wrap {
    margin: 0 auto 3.571vw;
  }
  .btn_wrap img {
    max-width: 39.683vw;
  }
  /* top lead */
  .top #lead {
    padding: 4.861vw 0 4.514vw;
  }
  .top #lead .content-head {
    margin-bottom: 3.175vw;
  }
  .top #lead .content-head img {
    width: 38.651vw;
  }
  .top #lead .image1 {
    margin-bottom: 5.556vw;
  }
  .top #lead .image1 img,
  .top #lead .image2 img {
    width: 64.236vw;
  }
  /* top problem */
  .top #problem {
    padding: 3.472vw 0 0;
  }
  .top #problem::after {
    background: url("../images/top/problem_bg-pc_01.png") top center no-repeat;
    background-size: contain;
    width: 73.81vw;
    height: 60.079vw;
  }
  .top #problem .content-title {
    margin-bottom: -1.736vw;
  }
  .top #problem .content-title img {
    width: 60.694vw;
  }
  .top #problem .image img {
    width: 67.857vw;
  }
  /* top catch */
  .top #catch::before {
    border-width: 2.381vw 2.778vw 0 2.778vw;
  }
  .top #catch .catchBg1 {
    padding: 4.921vw 0 0;
  }
  .top #catch .catchBg1::before {
    width: 85.714vw;
    height: 21.19vw;
  }
  .top #catch .catchBg1::after {
    height: 6.19vw;
  }
  .top #catch .catchBg2 {
    padding: 0 0 4.762vw;
  }
  .top #catch .catchBg2 .inner {
    max-width: 63.492vw;
  }
  .top #catch .title {
    margin-bottom: 3.413vw;
  }
  .top #catch .title img {
    width: 48.81vw;
  }
  .top #catch .lead {
    margin-bottom: 2.698vw;
  }
  .top #catch .lead img {
    width: 53.968vw;
  }
  .top #catch .image {
    margin-bottom: 2.698vw;
  }
  .top #catch .image img {
    width: 57.143vw;
  }
  .top #catch .text {
    font-size: 1.825vw;
    margin-bottom: 3.016vw;
  }
  .top #catch .iconlist {
    max-width: 79.365vw;
  }
  .top #catch .iconlist li {
    width: 15.5%;
    padding: 0.159vw 0.794vw 1.746vw;
  }
  .top #catch .iconlist li:nth-child(n + 5) {
    margin-top: 0;
  }
  .top #catch .iconlist li:nth-child(n + 7) {
    margin-top: 1.111vw;
  }
  .top #catch .iconlist .list_txt {
    font-size: 1.27vw;
    margin-top: -0.556vw;
  }
  /* top reason */
  .top #reason {
    padding: 0 0 2.083vw;
  }
  .top #reason .content-title {
    padding: 0 0 1.587vw;
  }
  .top #reason .content-title::before {
    height: 2.381vw;
  }
  .top #reason .content-title img {
    width: 54.762vw;
  }
  .top #reason .content-head {
    padding: 0 0 1.587vw;
  }
  .top #reason .content-head img {
    width: 36.508vw;
  }
  .top #reason .content-block.block1 {
    padding: 0 0 1.587vw;
  }
  .top #reason .content-block.block1 img {
    width: 85.714vw;
    padding-left: 6.349vw;
  }
  .top #reason .content-block.block2 {
    margin-bottom: 0.476vw;
  }
  .top #reason .content-block.block2 img {
    margin: 0 auto 1.19vw;
    width: 68.889vw;
  }
  /* top knowhow */
  .top #knowhow {
    padding: 5.556vw 0 6.597vw;
  }
  .top #knowhow .content-title {
    margin-bottom: 6.597vw;
  }
  .top #knowhow .content-title img {
    width: 53.056vw;
  }
  .top #knowhow .dl_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3.571vw 1.587vw;
    width: 64.236vw;
  }
  .top #knowhow .dl_box dl {
    -webkit-box-shadow: 0.476vw 0.476vw 0 #2D62B2;
    box-shadow: 0.476vw 0.476vw 0 #2D62B2;
    border-radius: 0 0.635vw 0.635vw 0.635vw;
    width: 100%;
    margin: 0 auto 1.042vw;
    padding: 3.819vw 3.472vw 3.472vw;
  }
  .top #knowhow .dl_box dl::before {
    top: -2.396vw;
    width: 11.458vw;
    height: 2.431vw;
  }
  .top #knowhow .dl_box dl dt {
    margin-bottom: 0.952vw;
  }
  .top #knowhow .dl_box dl dt::before {
    top: -1.458vw;
    left: 2.639vw;
    width: 5.556vw;
    height: 2.917vw;
  }
  .top #knowhow .dl_box dl dt .head img {
    height: 1.736vw !important;
  }
  .top #knowhow .dl_box dl dd {
    font-size: 1.25vw;
  }
  .top #knowhow .dl_box dl dd .text {
    width: 47.917vw;
  }
  .top #knowhow .dl_box dl dd .icon img {
    width: 6.389vw;
  }
  /* top flow */
  .top #flow {
    padding: 5.556vw 0 3.819vw;
  }
  .top #flow .inner {
    width: 91.27vw;
  }
  .top #flow .content-title {
    margin-bottom: 3.016vw;
  }
  .top #flow .content-title img {
    width: 21.736vw;
  }
  .top #flow .content-text {
    margin-bottom: 3.819vw;
  }
  .top #flow .content-text p {
    font-size: 1.389vw;
    margin-bottom: 0.476vw;
  }
  .top #flow .content-text p:first-child {
    font-size: 1.389vw;
  }
  .top #flow .dl_box {
    justify-content: space-between;
  }
  .top #flow .dl_box dl {
    border-radius: 0.635vw;
    border: solid 0.317vw #DBE7FC;
    width: 26.587vw;
    margin-bottom: 0;
  }
  .top #flow .dl_box dl:not(:last-child)::after {
    right: -5.556vw;
    left: auto;
    bottom: 0;
    top: 2.54vw;
    margin: auto;
    width: 6.349vw;
    height: 1.905vw;
    transform: translate(0, -50%) rotate(-90deg);
    -webkit-transform: translate(0, -50%) rotate(-90deg);
  }
  .top #flow .dl_box dl dt {
    height: 6.667vw;
    padding: 0 1.27vw;
  }
  .top #flow .dl_box dl dt .head {
    gap: 0 1.27vw;
  }
  .top #flow .dl_box dl dt .head .number img {
    width: 1.746vw;
  }
  .top #flow .dl_box dl:nth-child(1) dt .head .text img {
    width: 16.319vw;
  }
  .top #flow .dl_box dl:nth-child(2) dt .head .text img {
    width: 9.722vw;
  }
  .top #flow .dl_box dl:nth-child(3) dt .head .text img {
    width: 4.762vw;
  }
  .top #flow .dl_box dl dt .icon img {
    width: 3.175vw;
  }
  .top #flow .dl_box dl dd {
    padding: 1.587vw 1.746vw 1.905vw;
  }
  .top #flow .dl_box dl:first-child dd {
    padding-bottom: 0.476vw;
  }
  .top #flow .dl_box dl dd .button {
    margin-top: 0.952vw;
  }
  .top #flow .dl_box dl dd .button img {
    max-width: 31.746vw;
    margin: 0 -4.206vw;
    max-width: 30.556vw;
    width: 30.556vw;
  }
  .top #flow .btn_wrap {
    margin: 4.167vw 0 0 !important;
  }
  /* top faq */
  .top #faq {
    padding: 5.159vw 0 5.208vw;
  }
  .top #faq .inner {
    max-width: 63.492vw;
  }
  .top #faq .content-title {
    margin-bottom: 3.016vw;
  }
  .top #faq .content-title img {
    width: 15.476vw;
  }
  .top #faq .dl_box dl:not(:last-child) {
    margin-bottom: 0.873vw;
  }
  .top #faq .dl_box dd,
  .top #faq .dl_box dt {
    font-size: 1.111vw;
    padding: 1.349vw 2.063vw;
  }
  .top #faq .dl_box dt {
    padding-right: 3.175vw;
    border-radius: 0.635vw;
    -webkit-border-radius: 0.635vw;
    -moz-border-radius: 0.635vw;
    padding-left: 3.571vw;
  }
  .top #faq .dl_box dt::before {
    left: 1.19vw;
    width: 1.27vw;
    height: 1.587vw;
  }
  .top #faq .dl_box dt::after {
    right: 0.794vw;
    width: 1.905vw;
    height: 1.905vw;
  }
  .top #faq .dl_box dd {
    padding-bottom: 0.794vw;
  }
  /* top company */
  .top #company {
    padding: 5.208vw 0 4.861vw;
  }
  .top #company .inner {
    max-width: 63.492vw;
  }
  .top #company .content-title {
    margin-bottom: 3.968vw;
  }
  .top #company .content-title img {
    width: 9.048vw;
  }
  .top #company .dl_box {
    width: 100%;
    margin: 0 auto;
  }
  .top #company .dl_box dl {
    margin-bottom: 1.111vw;
    padding-bottom: 1.19vw;
  }
  .top #company .dl_box dl dt {
    font-size: 1.19vw;
    width: 11.429vw;
    padding: 0 0.397vw;
  }
  .top #company .dl_box dl dd {
    font-size: 1.111vw;
    width: calc(100% - 11.429vw);
    padding-right: 0.794vw;
  }
}