@charset "utf-8";

/* PRODUCT  テキスト*/
.product_txt_left{
    width:45%;
    margin-right:5%;
    float:left;
}
.product_txt_right{
    width:45%;
    margin-left:5%;
    float:left;
}
.product_txt{
    clear:both;
}
@media only screen and (max-width: 641px) {
.product_txt_left{
    width:47%;
    margin-right:3%;
    float:left;
}
.product_txt_right{
    width:47%;
    margin-left:3%;
    float:left;
}

}

/*PC　表示*/
.pc {
	display:block !important;
}
/*SP　表示*/
.sp {
	display:none !important;
}
@media only screen and (max-width: 641px) {
/*----*/
.pc {
	display:none !important;
}
.sp {
	display:block !important;
}
}

a.btn_contact .bindicon-mail{
    font-size: 1.5em;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(15%);
}

.btn_white2{
  margin-top 20px; /*なくてもOK*/
  width: 230px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn_white2:before,
.btn_white2:after{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  height: 1px;
  background: #ffffff;
  transition: all .2s linear;
}
.btn_white2:before{
  width: 60px;
  transform: translate(30px, 0px);
}
.btn_white2:after{
  width: 15px;
  transform-origin: right center;
  transform: translate(30px, 0px) rotate(25deg);
}
.btn_white2:hover::before{
right:-20px;
}
.btn_white2:hover::after{
right:-20px;
}
@media only screen and (max-width: 641px) {
.btn_white2{
  width: 180px;
}
}

/* Youtube レスポンシブ対応 */
.movie-wrap {
     position: relative;
     width: 100%;
     max-width: 640px;
     margin : 0 auto;
}
.movie-wrap::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}