@charset "utf-8";
/*------------------------------------------------------------

緑テンプレ

------------------------------------------------------------*/
/*-- HEADER/FOOTER --*/
header {
    background-color: #ffffff;
    border-bottom: 2px solid #CB0000;
}
footer .copy {
    background: #CB0000;
}
footer {
    background-color: #EDFBEE;
}
.title--head {
    color: #444444;
    border-left: solid 5px #CB0000;
}
/*-- STEP --*/
.cp_stepflow > li {
	color: #b0bec5;
}
.cp_stepflow > li .bubble {
	background-color: #b0bec5;
}
.cp_stepflow > li .bubble::after,
.cp_stepflow > li .bubble::before {
	background-color: #b0bec5;
}
.cp_stepflow > li.completed,
.cp_stepflow > li.completed .bubble {
    color: #50312F;
}
.cp_stepflow > li.completed .bubble,
.cp_stepflow > li.completed .bubble::after,
.cp_stepflow > li.completed .bubble::before {
    background-color: #50312F;
}
.cp_stepflow > li.active,
.cp_stepflow > li.active .bubble {
	color: #CAD341;
}
.cp_stepflow > li.active .bubble,
.cp_stepflow > li.active .bubble::after,
.cp_stepflow > li.active .bubble::before {
	background-color: #CAD341;
}

/*----- NAVI -----**/
#nav-menu {
    background-color: #CB0000;
}
@media screen and (min-width: 769px) {
    #h-nav ul li {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    #h-nav ul li + li {
        border-left: 0;
        border-right: 1px solid #fff;
    }
}
#h-nav ul li a {
    color: #fff;
}
#h-nav ul li a:hover {
    background-color: #F98866;
}
#nav-toggle {
    background-color: #CB0000;
}
#nav-toggle > p {
    color: #fff;
}
#nav-toggle span {
    background: #fff;
}
/*----- BUTTON -----**/
.btn--next {
    border: 1px solid #CB0000;
    background-color: #CB0000;
    color: #fff;
}
.btn--next:hover {
    background-color: #fff;
    color: #CB0000;
}
.btn--back {
    border: 1px solid #747474;
    background-color: #747474;
    color: #fff;
}
.btn--back:hover {
    background-color: #fff;
    color: #747474;
}
.h-nav__next a {
    color: #fff;
}
.h-nav__back a {
    color: #fff;
}
/*----- TITLE -----**/
.title--sec1::before {
    background: #3F6C45;
    background: -webkit-linear-gradient(-45deg, transparent, #3F6C45 10%, #3F6C45 90%, transparent);
    background: linear-gradient(-45deg, transparent, #3F6C45 10%, #3F6C45 90%, transparent);
}
.title--sec2 {
    border-left: 6px solid #3F6C45;
    border-bottom: 1px solid #3F6C45;
}
.title--sec3 {
    border-bottom: 1px solid #3F6C45;
}
.title--sec3::after {
    background-color: #3F6C45;
}
/*.title--side::after {
    border-top: 2px solid #F0810F;
    border-bottom: 1px solid #fff;
}*/