@charset "UTF-8";

/********************************************************************************

common.css

********************************************************************************/
/*============================================================
 css変数
*============================================================*/

img {
    max-width: 100%;
    height: auto;
}

.inner {
    max-width: 600px;
    margin: 0 auto;
    padding: 0;
    box-shadow: 0px 0px 5px 4px #c6c6c6;
}

.section01_5 {
    position: relative;
}
.cta1_5 {
    position: absolute;
    left: 0;
    bottom: 48px;
    max-width: 300px;
    width: 50%;
    z-index: 10;
    transition: transform 0.5s ease;
    cursor: pointer;
    z-index: 10;
}
.cta2_5:hover {
    transform: translateX(0%) translateY(-8px);
}
.cta1_5:hover {
    transform: translateX(0%) translateY(-8px);
}
.cta2_5 {
    position: absolute;
    right: 0;
    bottom: 48px;
    max-width: 300px;
    width: 50%;
    z-index: 10;
    transition: transform 0.5s ease;
    cursor: pointer;
    z-index: 10;
}
.section07 {
    position: relative;
}
.cta7 {
    position: absolute;
    top: 38%;
    bottom: 48px;
    left: 24.5%;
    max-width: 280px;
    width: 50%;
    transition: transform 0.5s ease;
    cursor: pointer;
    z-index: 10;
}
.cta7:hover {
    transform: translateY(-8px);
}
.section10 {
	margin-bottom: 110px;
}
/*============================================================
フッター
*============================================================*/

#site-footer .inner {
    background-color: #000;
    padding: 16px 0;
    color: #fff;
    margin:0 auto;
}
#site-footer #copyright {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
}

/*============================================================
CTA
*============================================================*/
.fixed_cta {
    width: 100%;
}
.cta1 {
    position: fixed;
    bottom: 8px;
    transform: translateX(0%);
    max-width: 300px;
    width: 50%;
    z-index: 10;
    transition: transform 0.5s ease;
    cursor: pointer;
}
.cta1:hover {
    transform:translateY(-8px);
}
.cta2 {
    position: fixed;
    bottom: 8px;
    transform: translateX(100%);
    max-width: 300px;
    width: 50%;
    z-index: 10;
    transition: transform 0.5s ease;
    cursor: pointer;
}
.cta2:hover {
    transform: translateX(100%) translateY(-8px);
}