.wave{
    background: url(https://test0001.weart-marketing.com/wp-content/themes/jiik-child/images/top-thumbnail.png) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: 100%;
}


.wave-sp{
    background: url(https://test0001.weart-marketing.com/wp-content/themes/jiik-child/images/top-thumbnail-sp.png) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 100%;
}
	
.background-box{
    position: absolute;
    background: linear-gradient(#02f0fe, #4dadfe);
    z-index: -1;
    right: 0px;
    width: 60%;
    height: 80%;
}

.button1{background:#29a2d1; color: white; padding-left: 2em; padding-right: 2em; padding-top: 1.2em; padding-bottom: 1.2em; box-shadow: 10px 10px 10px rgba(0,0,0,0.4);}
.button2{color: #1c9dc9;
    display: block;
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    width: 276px;
    font-weight: bold;
    line-height: 64px;
    text-align: center;
    background: linear-gradient(
117deg
, rgba(255, 255, 255, 0.57) 0%, rgba(255, 255, 255, 0.09) 100%);
    -webkit-box-shadow: -5px -5px 15px 0px rgb(255 255 255 / 56%), -3px -3px 20px 0px rgb(255 255 255 / 76%), 5px 5px 12px 0 rgb(90 125 136 / 16%), 3px 3px 24px 0 rgb(90 125 136 / 32%);
    box-shadow: -5px -5px 15px 0px rgb(255 255 255 / 56%), -3px -3px 20px 0px rgb(255 255 255 / 76%), 5px 5px 12px 0 rgb(90 125 136 / 16%), 3px 3px 24px 0 rgb(90 125 136 / 32%);
    border-radius: 64px;
    height: 64px;
    padding: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;}

.button3{color: #1c9dc9;
    display: block;
    position: relative;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    width: 276px;
    font-weight: bold;
    line-height: 64px;
    text-align: center;
    background: linear-gradient(
117deg
, rgba(255, 255, 255, 1.0) 0%, rgba(255, 255, 255, 1.0) 100%);
    -webkit-box-shadow: -5px -5px 15px 0px rgb(255 255 255 / 56%), -3px -3px 20px 0px rgb(255 255 255 / 76%), 5px 5px 12px 0 rgb(90 125 136 / 16%), 3px 3px 24px 0 rgb(90 125 136 / 32%);
    box-shadow: -5px -5px 15px 0px rgb(255 255 255 / 56%), -3px -3px 20px 0px rgb(255 255 255 / 76%), 5px 5px 12px 0 rgb(90 125 136 / 16%), 3px 3px 24px 0 rgb(90 125 136 / 32%);
    border-radius: 64px;
    height: 64px;
    padding: 1px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;}

/*.floating-button{display: none;}*/

.floating-button {position: fixed; bottom: 2em; left: 5%; width: 90%;}

/* スマホの幅の場合に適応される */
@media screen and (max-width: 768px) {
    .twocloumn {display: block;}
    .threecolumn {display: block;}
    img{ width: 100%; }
    video{ width: 100%; }
    .threecolumn .item{margin-bottom: 2em;}
    .btn-trigger {
     top: 24px;
    right: 24px;
}

video {
    width: 90%;
    border-radius: 2em;
}
.ma{text-align: center;
    margin-top: 5em;}

   
}