body{
  overflow-x: hidden;
}
#top .mv { height: 64.7rem; position: relative; }

#top .mv::before, #top .mv::after { content: ""; display: block; position: absolute; z-index: -1; background-size: cover; }

#top .mv::before { left: 0; bottom: 0; max-width: 67.3rem; max-height: 60rem; width: 35vw; height: 31.125vw; background-image: url(../images/top/mv_bl.jpg); }

#top .mv::after { top: 0; right: 0; max-width: 66.9rem; max-height: 59.3rem; width: 34.84vw; height: 30.88vw; background-image: url(../images/top/mv_tr.jpg); }

#top .mv-txt { position: absolute; top: 12rem; left: 50%; z-index: 99; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 60rem; height: 32rem; text-align: center; font-size: 3.7rem; }

#top .mv-txt p { letter-spacing: .5rem; line-height: 1.8; padding-top: 1.8rem; }

#top .mv .btn-scroll { position: absolute; bottom: 8.7rem; left: 50%; z-index: 9; display: block; width: 8.2rem; height: 4.3rem; background-image: url(../images/top/btn-scroll-down.png); background-size: cover; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

#top .mv .btn-scroll:hover { opacity: 0.7; }

#top .info { padding: 8rem 0 10.5rem; background-color: #e7f6ef; }

#top .info-title { width: 18.8rem; }

#top .info-list { font-size: 1.6rem; }

#top .info-list .under{
  color: #61bf8c;
  text-decoration: underline;
}

#top .info-list li { padding-bottom: 2rem; margin-bottom: 2.4rem; }

#top .info-list li:last-child { border: none; margin-bottom: 1.5rem; }

#top .info-list li > p:first-child { color: #888888; margin-bottom: 0.5rem; }

#top .info-btn { display: block; margin: 0 auto; width: 10.5rem; }

#top .info-btn:hover { opacity: 0.7; }

#top .fs20-36 { font-size: 2rem; line-height: 2; margin-bottom: 2.5rem; }

#top .btn-detail { display: block; width: 23rem; }

#top .btn-detail:hover { opacity: 0.7; }

#top .message, #top .busi, #top .concept { position: relative; }

#top .message::before, #top .message::after, #top .busi::before, #top .busi::after, #top .concept::before, #top .concept::after { content: ""; display: block; position: absolute; z-index: -1; background-size: cover; }

#top .message { padding: 8.2rem 0 9.5rem; }

#top .message .thumb { margin: 8.5rem 0 0 0.9rem; width: 54.6rem; max-width: 100%; }

#top .message .txt-1 { width: 7.9rem; margin-bottom: 1.6rem; }

#top .message .txt-2 { width: 15.2rem; margin-bottom: 5.3rem; }

#top .message .txt-3 { width: 27.7rem; margin-bottom: 2.4rem; }

#top .busi { padding-bottom: 13.3rem; }

#top .busi .box { margin-left: 11rem; }

#top .busi .txt-1 { width: 8rem; margin-bottom: 2rem; }

#top .busi .txt-2 { width: 15rem; margin-bottom: 4.5rem; }

#top .busi .imgs { width: 57.5rem; height: 45.1rem; position: relative; margin-left: -4rem; }

#top .busi .imgs > img { position: absolute; z-index: 9;border-radius:10px;}

#top .busi .imgs > img:nth-child(1) { top: 0; right: 0; width: 37.2rem; }

#top .busi .imgs > img:nth-child(2) { top: 16.7rem; left: 0; width: 27.6rem; }

#top .busi .imgs > img:nth-child(3) { right: 8.6rem; bottom: 0; width: 24.4rem; }

#top .concept { padding-bottom: 10rem; }

#top .concept .thumb { width: 48.4rem; }

#top .concept .txt-1 { width: 7.6rem; margin-bottom: 1.4rem; }

#top .concept .txt-2 { width: 49rem; margin-bottom: 4.5rem; }

#top .banner .row{
  justify-content: space-between;
}
#top .banner .col-6{
  width: 48.5%;
}
#top .banner a:hover{
  opacity: 0.7;
}

@media only screen and (min-width: 751px) and (max-width: 1000px) { #top .mv { height: 64.7vw; }
  #top .mv::before { width: 41.6vw; height: 37.1vw; }
  #top .mv::after { width: 41.2vw; height: 36.5vw; }
  #top .mv-txt { width: 48.9vw; }
  #top .mv .btn-scroll { width: 8.2vw; height: 4.3vw; bottom: 8.7vw; }
  #top .message .col-sm-6:last-child { padding-left: 3rem; }
  #top .busi .imgs { -webkit-transform: scale(0.8); transform: scale(0.8); margin-left: -20vw; }
  #top .busi .box { margin-left: 0; }
  #top .concept .col-sm-6 { width: 100%; }
  #top .concept .col-sm-6:last-child { margin: 5vw 0 0 5vw; }
  #top .concept .thumb { margin: 0 auto; } }

@media only screen and (min-width: 751px) { #top .message::before { display: none; }
  #top .message::after { top: 0; right: 0; width: 55.2rem; height: 44.8rem; background-image: url(../images/top/bg-1.png); }
  #top .busi::before { top: -35.3rem; left: 0; width: 52.8rem; height: 52.6rem; background-image: url(../images/top/bg-2.png); }
  #top .busi::after { bottom: -9rem; right: 0; width: 55.2rem; height: 49rem; background-image: url(../images/top/bg-3.png); }
  #top .concept::before { top: -10.7rem; left: 0; width: 52.8rem; height: 70.4rem; background-image: url(../images/top/bg-4.png); }
  #top .concept::after { bottom: 0rem; right: 0; width: 55.2rem; height: 17.6rem; background-image: url(../images/top/bg-5.png); } }

@media only screen and (min-width: 751px) and (max-width: 1440px) { #top .mv::before { width: 41.6rem; height: 37.1rem; }
  #top .mv::after { width: 41.2rem; height: 36.5rem; } }

@media only screen and (max-width: 750px) { #top .mv { height: 60rem; }
  #top .mv::before { width: 32rem; height: 29.1rem; background-image: url(../images/top/mv_bl_sp.jpg); }
  #top .mv::after { width: 31.5rem; height: 27.6rem; background-image: url(../images/top/mv_tr_sp.jpg); }
  #top .mv-txt { width: 75rem; top: 9rem; }
  #top .mv-txt h2 img { width: 38.6rem; }
  #top .mv-txt p { font-size: 4.2rem; }
  #top .mv .btn-scroll { bottom: 5rem; }
  #top .info { padding: 5.2rem 0 1.5rem; position: relative; }
  #top .info-list { font-size: 2.4rem; }
  #top .info-btn { position: absolute; top: 4rem; right: 2.5rem; z-index: 9; }
  #top .fs20-36 { font-size: 3.6rem; line-height: 2; margin-bottom: 3.5rem; }
  #top .btn-detail { width: 36rem; margin: 0 auto; }
  #top .message { padding: 10rem 3rem 16rem; }
  #top .message::before { left: 0; bottom: -16rem; width: 75rem; height: 95.7rem; background-image: url(../images/top/bg-2_sp.png); }
  #top .message::after { top: 0; right: 0; width: 52.2rem; height: 49rem; background-image: url(../images/top/bg-1_sp.png); }
  #top .message .thumb { margin: 0 auto 0.7rem; width: 63rem; }
  #top .message .txt-1 { width: 10rem; margin-bottom: 2rem; }
  #top .message .txt-2 { width: 18.8rem; margin-bottom: 6rem; }
  #top .message .txt-3 { width: 41.3rem; margin-bottom: 3.5rem; }
  #top .busi { padding-bottom: 16rem; }
  #top .busi::before { left: 0; bottom: 17rem; width: 75rem; height: 95.7rem; background-image: url(../images/top/bg-3_sp.png); }
  #top .busi::after { display: none; }
  #top .busi .col-sm-6:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  #top .busi .col-sm-6:last-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  #top .busi .box { margin-left: 0; padding: 0 3rem; }
  #top .busi .imgs { margin: 0 0 5.7rem; width: calc(100% + 3rem); height: 56.4rem; }
  #top .busi .imgs > img:nth-child(1) { width: 46.8rem; }
  #top .busi .imgs > img:nth-child(2) { width: 34.5rem; top: 20.9rem; }
  #top .busi .imgs > img:nth-child(3) { width: 30.5rem; right: 11rem; }
  #top .busi .txt-1 { width: 10.1rem; margin-bottom: 2.4rem; }
  #top .busi .txt-2 { width: 18.8rem; margin-bottom: 4.2rem; }
  #top .concept { padding-bottom: 10rem; }
  #top .concept::before { bottom: 0; left: 0; width: 75rem; height: 152.5rem; background-image: url(../images/top/bg-4_sp.png); }
  #top .concept::after { display: none; }
  #top .concept .row { padding: 0 3rem; }
  #top .concept .thumb { width: 61.9rem; margin: 0 auto 4.4rem; }
  #top .concept .txt-1 { width: 9.6rem; margin-bottom: 1.8rem; }
  #top .concept .txt-2 { width: 61.3rem; margin-bottom: 4rem; } 
  #top .banner .col-6{
    width: 100%;
    text-align: center;
  }
  #top .banner .col-6:nth-child(2){
    margin-top: 5vw;

  }
}

@media only screen and (max-width: 479px) { #top .info-list li { border-width: 1px; } }