.conversion{
	width: 100%;
	padding: 80px 0;
	background: url(../image/bg_yellow.jpg) repeat;
}
.description{
  font-size:16px;
}
.cv-btn{
  display: block;
  font-size: 18px;
  line-height: 40px;
  box-shadow: 0 3px 3px rgb(27, 26, 26);
}
.cv-btn:hover{
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);
  -webkit-box-shadow: 0;
  box-shadow: 0 0 0;
  transition: all .5s;
}
.cv-btn-drivery{
  display: flex;
  justify-content: space-between;
  width: 80%;
  max-width: 500px;
  margin:20px auto 0;
}
.cv-takumen{
  width: 80%;
  max-width: 500px;
  display: block;
  background-color:gray;
  margin: 0 auto;
}
.cv-demaekan,.cv-uber{
  width:47.5%;
}
.cv-uber{background-color: rgb(5, 163, 87);}
.cv-demaekan{background-color: #f00;}

@media screen and (max-width: 768px) {
  .conversion{
    padding: 3rem 0;
  }
  .cv-btn{
    font-size: 0.8rem;
    line-height: 30px;
  }
  .cv-btn-drivery{
    width: 90%;
  }
  .cv-takumen{
    width: 90%;
  }
}
@media screen and (max-width: 480px) {
  .cv-btn{
    font-size: 0.6rem;
    line-height: 30px;
  }
  .main_text{
    font-size: 20px;
  }
}
footer{
  position: relative;
}
.footer-conversion{
  width: 100%;
  position: absolute;
  left:50%;
  top:40%;
  transform: translate(-50%,-50%);
}
.copy_box{
  bottom:2%;
}

.tell{
  color: #ffcc2d!important;
}

.header-cv{
  width:12%;
  height:70%;
  position: absolute;
  z-index: 10;
  top:17%;
  right:10%;
  display: flex;
}

.bl-header-cv{
  width:30%;
  height:100%;
  max-width:70px;
  max-height:50px;
  margin-right:3%;
}
.bl-header-cv img{
  width:100%;
  height:100%;
}
.header-takumen{
  background-color: white;
}
.header-takumen img{
  padding-top:7%;
  height:80%;
}
.header-uber img{
  border-radius: 20%;
}
@media screen and (max-width: 786px) {
  .header-cv{
    width:20%;
    height:60%;
    position: absolute;
    z-index: 10;
    top:20%;
    right:15%;
    display: flex;
  }
  
  .bl-header-cv{
    width:30%;
    height:100%;
    max-height: 60px;
    margin-right:5%;
  }
  .header-uber img{
    border-radius: 15%;
  }
}
@media screen and (max-width: 786px) {
  .header-cv{
    display: none;
  }

}

.modal-conversion{
  padding-top: 15px;
}
.modal-conversion .cv-btn{
  line-height: 30px;
}

.modal-conversion .cv-btn-drivery{
  display: block;
  width:80%;
  margin-top:15px;
}
.modal-conversion .cv-btn-drivery .cv-btn{
  width:100%;
  margin-bottom:15px;
}
@media screen and (max-width: 786px) {

  .modal-conversion{
    padding-top: 15px;
  }
  .modal-conversion .cv-btn-drivery{
    display: block;
    width:90%;
    margin-top:15px;
  }
  .modal-conversion .cv-btn-drivery .cv-btn{
    width:100%;
    margin-bottom:15px;
  }
  .modal-conversion .cv-btn{
    line-height: 40px;
    font-size: .8rem;
  }
}
.movie{
  padding:50px 25%;
  color:#ffcc2d;
  font-size:20px;
}
.movie-container{
    position: relative;
    width:100%;
    padding-top: 56.25%;
}
.movie-container iframe{
  position: absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
@media screen and (max-width: 786px) {
.movie{
  padding:30px 10%;
  font-size:18px;
}
}

/* googlemap */

.gmap {
  position: relative;
	display: block;
	width: 100%;
	max-width: 1000px;
	height: 400px;
	margin: 0 auto 20px;
}
  
  .gmap iframe {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  height: 80%;
  width: 90%;
  max-width:1000px;
  }