@charset "UTF-8";
/* lp autumn common.css */


/* ===== header color ===== */
header {
	border-color: #0098cc !important;
}
header .st0 {
	fill: #14a04d;
}
header .phone_info span {
	color: #14a04d !important;
}
.request_btn a {
	background-color: #0098cc !important;	
}
.freeTrial_btn a {
	background-color: #c32327 !important;
}
header .SPfixedBottom.flex_box.sp_blk {
	display: none !important;
}


/* ===== form color ===== */
#div_contactNagare .num_maru {
	background-color: #c32327 !important;
}
#div_contactNagare .card {
	border-color: #c32327 !important;
}
h2.h2_bgBorder {
	border-color: #c32327 !important;
}

/* 01 form */
.lp_form #div_contactNagare .card:first-of-type {
	background-color:#c32327 !important; 
}
.lp_form #div_contactNagare .card:first-of-type p {
	color: #fff !important;
}
/* 01 form */
.lp_thanks #div_contactNagare .card:nth-of-type(2) {
	background-color:#c32327 !important; 
}
.lp_thanks #div_contactNagare .card:nth-of-type(2) p {
	color: #fff !important;
}





/* ===== SP fixed menu ===== */
footer {
    border-top: 1px solid #000;
}
.sp_fixed {
	display: none !important;
}


@media screen and (max-width:768px) {
    /* スマホの時に画面一番下に追従 */
    .SPfixedBottom {
        width: 100%;
        position: fixed;
        left:   0;
        bottom: 0;
        flex-wrap: nowrap;
        align-items: stretch;
        justify-content: space-between;
    }
    .SPfixedBottom > div {
        width: calc(100%/3);
        font-weight: bold;
    }
    .SPfixedBottom a {
        height: 50px;
        font-size: 14px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 10px;
        color: #fff;
    }
    .SPfixedBottom a:before {
        content: "";
        width:  18px;
        height: 18px;
        display: block;
        margin-right: 5px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }
    /* 資料請求・お申し込み・お問い合せ */
    .SPfixedBottom .fixedL { background-color:#82bc3f; }
    .SPfixedBottom .fixedC { background-color:#ff5431; }
    .SPfixedBottom .fixedR { background-color:#00a2e0; }

    .fixedL a:before {
        background-image: url(../../../img/lp/common/SPfixedL.svg);
    }
    .fixedC a:before {
        background-image: url(../../../img/lp/common/SPfixedC.svg);
    }
    .fixedR a:before {
        background-image: url(../../../img/lp/common/SPfixedR.svg);
    }


	.sp_fixed {
		width: 100%;
		height: 50px;
		display: flex !important;
		position: fixed;
		left:   0;
		bottom: 0;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: space-between;
		z-index: 50;
	}
	.sp_fixed img {
		width:  100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}

	.sp_fixed .fixed_contact {
		width: 60%;
		position: relative;
		background-color: #c32327;
	}
	.sp_fixed .fixed_contact:after {
		content: "";
		width: 2px;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		right: -1px;
		background-color: #fff;
	}
	.sp_fixed .fixed_siryou {
		width: 40%;
		background-color: #0098cc;
	}
}