:root {
 --main-color: #f05b10;
 --main-color-sub: #fdd65f;
 --main-dark: #539a35;
 --main-light: #e9efdf;
}

.b_page-title h1 {white-space: pre-wrap;}
.m_hdg._A h2, .m_hdg._A h3, .m_hdg._A h4, .m_hdg._A h5, .m_hdg._A h6 {
    border-left: none;
    background: none;
    text-align: center;
    font-size: 2rem;
}
._big{
font-size:1.1rem;
}
/*============================================================*/
/*　#intro */
.m_page-meta{
text-align: left;
}
#intro{
background: url("intro_bg.jpg") no-repeat center;
background-size: cover;
}
@media screen and (max-width: 760px) {
#intro{
background: url("intro_bg_sp.jpg") no-repeat top;
background-size: contain;
}
}
#intro .catch{
margin-top: 16px;
font-size: 1.8rem;
font-weight: 600;
}
#intro .m_text{
width: 50%;
line-height: 1.6;
}
@media screen and (max-width: 760px) {
#intro .catch{
margin-top: 100px;
}
#intro .m_text{
width: 100%;
}
}
#intro .m_links._subtoc_box .link_text {
font-weight: 600;
font-size: 1.1rem;
}

/*============================================================*/
/*　#worry */
#worry{
background-color: #eaeaea;
}

#worry .m_listpage > li{
background: url("worry.png") no-repeat center;
padding: 30px 0;
background-size: contain;
}

/*　step */
.step h2 {
 display: flex;
 align-items: center;
 font-size: 1.5em;
 font-weight: 600;
 color: var(--main-dark);
}
@media screen and (max-width: 760px) {
.step h2 {
 font-size: 1.3em;
}
}
.step h2 .step__no {
 line-height: 1;
margin-right: 15px;
 font-size: .6em;
width: 60px;
    height: 60px;
 aspect-ratio: 1 / 1;
 border-radius: 50%; /*角丸*/
 background-color: var(--main-dark);
color: #fff;
 display: flex;
 justify-content: center;
 align-items: center;

 flex-direction: column;
   text-shadow:2px 2px 0 var(--main-dark), -2px -2px 0 var(--main-dark),
              -2px 2px 0 var(--main-dark), 2px -2px 0 var(--main-dark),
              0px 2px 0 var(--main-dark),  0 -2px 0 var(--main-dark),
              -2px 0 0 var(--main-dark), 2px 0 0 var(--main-dark);
}
.step h2 .step__no span{
font-size: 3em;
}

/*============================================================*/
/*　features */
#features{
 background-color: var(--main-light);
}
#features .m_hdg._B h2, #features .m_hdg._B h3, #features .m_hdg._B h4, #features .m_hdg._B h5, #features .m_hdg._B h6 {
    border-left: 4px solid #0066cc;
    background: #fff
}
/*============================================================*/
/*　effect */
#effect .text_lede {
    color: var(--main-dark);
    font-size: 1.4rem;
}


/*============================================================*/
/*　qa */
#qa{
 background-color: var(--main-light);
}
#qa .m_faq .q_icon {
    color: #fff;
    background: var(--main-dark);
}
#qa .m_faq .a_icon {
    color: var(--main-dark);
    background: #FFF;
}