@charset "utf-8";


/* -------------------------------- #wrapper ------------------------------- */

#mv {
  width:100%;
  height:100vh;
  margin:0 auto;
  max-height:100vh;
  background:url(../img/main01.jpg) no-repeat 0 0;
  background-position:center center;
  background-size:cover;
  position:relative;
  z-index:-1;
}

#mv:after {
  width:100%;
  height:100%;
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  background: rgba(0,0,0,0.2);
  display:block;
  z-index:-1;
}

#mv p img {
  width:100%;
  height:100vh;
  max-height:100vh;
}

#mv .mv-inner {
  width:80%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

#mv .mv-inner {
  color:#fff;
  text-shadow: 0 0 10px #FFFFFF;
  text-align:center;
}

#mv .mv-inner h2 {
  font-size:36px;
  margin-bottom:20px;
}

#mv .mv-inner p {
  font-size:20px;
}



/* -------------------------------- #bz ------------------------------- */

#bz {
  margin-bottom:20px;
}

#bz .bz-inner {
  width:100%;
}

#bz .bz-inner .bz-l {
  width:100%;
  height:auto;
}

#bz .bz-inner .bz-l img {
  width:100%;
  height:auto;
}

#bz .bz-inner .bz-r-wrapper {
  width:100%
}

#bz .bz-inner .bz-r-upper {
  width:100%;
  padding:30px;
  background:url(../img/bz-l-img.jpg) no-repeat 0 0;
}

#bz .bz-inner .bz-r-upper .ttl-s {
  font-size:16px;
}

#bz .bz-inner .bz-r-upper {
  position:relative;
  padding:110px 30px;
  z-index:-1;
  color:#fff;
}

#bz .bz-inner .bz-r-upper:after {
  width:100%;
  height:100%;
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  background:rgba(68,149,187,0.5);
  display:block;
  z-index:-1;
}

#bz .bz-inner .bz-r-upper h2 {
  font-size:34px;
}

#bz .bz-inner .bz-l-b-bottom {
  padding:30px;
}

#bz .bz-inner .bz-l-b-bottom .ttl-m {
  font-size:18px;
}

#bz .bz-l-b-bottom .btn {
  width:270px;
  margin:20px auto 0 auto;
}

#bz .btn a {
  position:relative;
  width:100%;
  height:60px;
  display:block;
  border:2px solid #1d2d66;
  font-size:18px;
  font-weight:bold;
  line-height:60px;
  color:#1d2d66;
  text-align:center;
}

#bz .btn a:after {
  content:">";
  display:block;
  font-size:20px;
  position:absolute;
  top:-2px;
  right:45px;
  transition:500ms all;
}

#bz a:hover:after{
  right:40px;
  transition:500ms all;
}

#bz .btn a:hover {
  color:#fff;
  background:rgb(68,149,187)
}


/* -------------------------------- #cy ------------------------------- */


#cy {
  width:100%;
  margin:0 auto;
  color: #fff;
  background:url(../img/about01.jpg) no-repeat 0 0;
  background-size:cover;
  background-position:-400px;
}

#cy .container {
  display:flex;
  flex-wrap:wrap;
  height:auto;
  overflow:hidden;
}

#cy .c-left {
  width:100%;
  height:250px;
  text-align:center;
  position:relative;
  background: rgba(0,0,0,.3);
}

#cy .c-left-inner h2 {
  font-size:24px;
  margin-bottom:15px;
}

#cy .c-left-inner p {
  font-size:16px;
  padding:0 20px;
}

#cy .c-left-inner {
  width:100%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

#cy .c-right {
  width:100%;
}

#cy .c-right p{
  font-size:24px;
  vertical-align:middle;
  margin-right:40px;
}

#cy .c-right div {
  border-bottom:1px solid #fff;
}

#cy .c-right div:last-child {
  border:none;
}

#cy .c-right div a {
  padding:20px 0px 20px 30px;
  height:100%;
  color: #fff;
  display:block;
    position:relative;
}

#cy .c-right div {
  background-color: rgba(0,0,0,.5);
}

#cy h3 {
  font-size:19px;
  padding-bottom:10px;
}

#cy .c-right p {
  font-size:14px;
}

#cy .c-right a:after {
  position:absolute;
  content:">";
  display:inline-block;
  top:48%;
  transform:translate(-50%, -50%);
  right:15%;
  font-size:20px;
  transition:500ms all;
}

#cy .c-right a:hover:after {
   right:10%;
   transition:500ms all;
}


/* -------------------------------- #sv ------------------------------- */

#sv {
  width:100%;
  margin:0 auto;
  padding:50px 0 0 0;
}

#sv h2 {
  font-size:34px;
  text-align:center;
  margin-bottom:40px;
  position:relative;
}

#sv h2:after {
  display:block;
  content:"";
  position:absolute;
  bottom:-5px;
  left:50%;
  transform:translateX(-50%);
  width:40px;
  height:2px;
  background:#1d2d66;
}

#sv .btn {
  width:220px;
  height:60px;
  margin:20px auto 0 auto;
  display:block;
  border:2px solid #fff;
  font-size:18px;
  font-weight:bold;
  line-height:60px;
  color:#fff;
  text-align:center;
  position:relative;
}

#sv .btn:after {
  content:">";
  display:block;
  font-size:20px;
  position:absolute;
  top:-2px;
  right:30px;
  transition:500ms all;
}

#sv a:hover  .btn:after{
  right:25px;
  transition:500ms all;
}

.sv-d {
  width:100%;
  margin:0 auto;
  text-align:center;
  background:url(../img/rinen01.jpg) no-repeat 0 0;
  background-position:center center;
  background-size:cover;
  color:#fff;
  font-size:20px;
  z-index:-1;
}

.sv-d a {
  position:relative;
  padding:180px 0;
  display:block;
  color:#fff;
  width:100%;
  height:100%;
  z-index:1;
}

.sv-d a:after {
  position:absolute;
  z-index:-2;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  content:"";
  display:block;
  width:70%;
  height:70%;
  background: rgba(0,0,0,.5);
  transition:500ms all;
}


.sv-d a:hover:after {
  width:85%;
  height:85%;
  transition:500ms all;
}

.sv-d a:hover .sv-d a:after {
  top:0%;
}


.sv-p1 {
  font-size:26px;
  width:60%;
  margin:0 auto 30px auto;
}



/* -------------------------------- #srv ------------------------------- */



#srv {
  width:100%;
  margin:0 auto;
  color: #fff;
  background:url(../img/service01.jpg) no-repeat 0 0;
  background-position:center center;
  background-size:cover;
  overflow:hidden;
}

#srv .container {
  display:flex;
  flex-wrap:wrap;
  height:auto;
  overflow:hidden;
}

#srv .srv-left {
  width:100%;
  height:250px;
  text-align:center;
  position:relative;
  background: rgba(0,0,0,.3);
}

#srv .srv-left-inner h2 {
  font-size:24px;
  margin-bottom:15px;
}

#srv .srv-left-inner p {
  font-size:16px;
  padding:0 15px;
}

#srv .srv-left-inner {
  width:100%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}

#srv .srv-right {
  width:100%;
  height:100px;
}

#srv .srv-right p{
  font-size:24px;
  vertical-align:middle;
  margin-right:40px;
}

#srv .srv-right div {
  height:100px;
}

#srv .srv-right div a {
  line-height:100px;
  height:100%;
  color: #fff;
  display:block;
  position:relative;
  padding-left:30px;
}

#srv .srv-right div {
  background-color: rgba(0,0,0,.5);
}

#srv h3 {
  font-size:19px;
  padding-bottom:10px;
}

#srv .srv-right p {
  font-size:19px;
}

#srv .srv-right a:after {
  position:absolute;
  content:">";
  display:inline-block;
  top:48%;
  transform:translate(-50%, -50%);
  right:15%;
  font-size:20px;
  transition:500ms all;
}

#srv .srv-right a:hover:after {
   right:10%;
   transition:500ms all;
}


/* -------------------------------- #srg ------------------------------- */

#srg {
  width:100%;
  margin:0 auto;
}

#srg a {
  display:block;
  color:#fff;
  z-index:10;
  position:relative;
  padding:120px 30px;
}

#srg .container {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}

#srg .srg-left,
#srg .srg-right {
  width:100%;
  text-align:center;
  z-index:2;
}

#srg a:after {
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  content:"";
  display:block;
  width:70%;
  height:70%;
  background: rgba(0,0,0,.5);
  transition:500ms all;
}

#srg a:hover:after {
  transition:500ms all;
  width:85%;
  height:85%;
}

#srg .srg-left {
  background:url(../img/sv-img01.jpg) no-repeat 0 0;
}

#srg .srg-right {
  background:url(../img/bz-l-img.jpg) no-repeat 0 0;
}

#srg .srg-inner {
  text-align:center;
  z-index:3;
}

#srg .srg-inner h2 {
  font-size:26px;
  margin-bottom:30px;
}

#srg .srg-inner h2 span {
  display:block;
  font-size:16px;
}

#srg .btn {
  border:2px solid #fff;
  width:220px;
  height:60px;
  line-height:60px;
  margin:0 auto;
  font-size:16px;
}

#srg .btn {
  position:relative;
}

#srg .btn:after {
  content:">";
  display:block;
  font-size:20px;
  position:absolute;
  top:-2px;
  right:45px;
  transition:500ms all;
}

#srg a:hover  .btn:after{
  right:40px;
  transition:500ms all;
}





/* ================================================== tablet ================================================== */

@media screen and (min-width:760px) {



}


/* ================================================== pc ================================================== */


@media screen and (min-width:960px) {


  /* -------------------------------- #bz ------------------------------- */

  #bz .bz-inner {
    width:100%;
    display:flex;
    flex-wrap:wrap;
  }

  #bz .bz-inner .bz-l {
    width:50%;
  }

  #bz .bz-inner .bz-r-wrapper {
    width:50%;
  }

  #bz .bz-inner .bz-r-upper {
    position:relative;
    padding:110px 30px;
    z-index:-1;
  }

  #bz .bz-inner .bz-r-upper:after {
    width:100%;
    height:100%;
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    background:rgba(68,149,187,0.5);
    display:block;
    z-index:-1;
  }


  /* -------------------------------- #srv ------------------------------- */


  #srv {
    width:100%;
    margin:0 auto;
  }

  #srv .container {
    display:flex;
    flex-wrap:wrap;
    overflow:hidden;
  }

  #srv .srv-left {
    width:65%;
    height:600px;
    text-align:center;
    border-bottom:none;
    position:relative;
  }

  #srv .srv-left-inner h2 {
    font-size:24px;
    margin-bottom:15px;
  }

  #srv .srv-left-inner p {
    font-size:16px;
  }

  #srv .srv-left-inner {
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
  }

  #srv .srv-right {
    width:35%;
  }

  #srv .srv-right i {
    margin-right:70px;
  }
  #srv .srv-right div {
    height:600px;
  }

  #srv .srv-right div a{
    height:600px;
    color: #fff;
    display:block;
    line-height:600px;
    padding-left:50px;
  }




  /* -------------------------------- #cy ------------------------------- */

  #cy {
    width:100%;
    margin:0 auto;
    background-position:center center;
  }

  #cy .container {
    display:flex;
    flex-wrap:wrap;
    overflow:hidden;
  }

  #cy .c-left {
    width:65%;
    height:482px;
    text-align:center;
    border-bottom:none;
    position:relative;

  }

  #cy .c-left-inner h2 {
    font-size:24px;
    margin-bottom:15px;
  }

  #cy .c-left-inner p {#sv
    font-size:16px;
  }

  #cy .c-left-inner {
    width:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
  }

  #cy .c-right {
    width:35%;
  }

  #cy .c-right i {
    margin-right:70px;
  }

  #cy .c-right div {
    border-bottom:1px solid #fff;
  }

  #cy .c-right div:last-child {
    border:none;
  }

  #cy .c-right div a{
    height:100%;
    color: #fff;
    display:block;
    padding:50px 0 50px 50px;
  }

  #cy .c-right p {
    position:relative;
  }



  /* -------------------------------- #srg ------------------------------- */

  #srg .srg-left,
  #srg .srg-right  {
    width:40%;
  }


}

@media screen and (min-width:1215px) {

}