@charset "utf-8";

/* ----------------------------------------------------------------------
conversion
---------------------------------------------------------------------- */
.convertion-area_document{
    width: 100%;
    text-align: center;
}

.convertion-area{
    background: #f5f5f5;
    padding: 50px 0;
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
}
.convertion-area_box{
    width: 1111px;
    margin: 0 auto;
}
.convertion-area img {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    vertical-align: middle;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.convertion-area_test, .convertion-area_profile{
    width: 330px;
    margin: 0 19px;
    font-weight: bold;
    color: #3F2425;
    background: #fff;
    float: left;
    box-shadow: 0 0 8px #ccc;
}
@media screen and (max-width: 1199px){
	.convertion-area_box{
	    width: 100%;
	}
	.convertion-area_test, .convertion-area_profile{
	    width: 31.3%;
	    margin: 0 1%;
	}
}

.clearfix:after{
display: block;
  clear: both;
  content: "";
}

.convertion-area_header {
    position: relative;
}
.convertion-area p{
  font-weight: bold;
  color: #3F2425;
  font-size:20px;
}
.convertion-area a{
    font-size: 14px;
}
.convertion-area_img{
  width: 100%;
    height: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    vertical-align: middle;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.convertion-area_document .p-btn{
    font-size: 16px;
    min-width: 240px;
    margin-top: 25px;
}

@media screen and (max-width: 900px){
.convertion-area{
    padding: 30px 10px;
}
.convertion-area_img img {
    width: 100%;
    height: auto;
}
.convertion-area_document{
  text-align: center;
}
.convertion-area_test, .convertion-area_profile{
    width: 100%;
    margin: 0 0 35px 0;
    font-weight: bold;
    color: #3F2425;
    background: #fff;
}
.convertion-area_document .p-btn {
    font-size: 16px;
    width: 100%;
    margin-top: 15px;
}

.convertion-area_box {
    margin-left: 0;
    width: 100%;
}
}