/* ヘッダー周りの調整 **************************** */
.custom-logo p.site-title,
.custom-logo p.site-description {
    display: block;
}

.custom-logo p.site-title {
    display: none;
}

.custom-logo h1.site-description {
    font-size: 12px !important;
    margin-bottom: 6px !important;
    color: #333 !important;
}

h1.site-title {
    display: block;
    font-size: 12px;
    margin-bottom: 6px;
}

h1.site-title a {
    color: #333 !important;
}

.title-area {
    display: flex;
    flex-direction: column-reverse;
}

.custom-logo-link img {
    width: 60px;
}


/* common **************************** */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

.color_a {
    color: #B15342;
}

.color_b {
    color: #EFC85F;
}

.color_c {
    color: #7090A7;
}

.color_d {
    color: #BDBCBE;
}



/* 元々のテンプレの調整 **************************** */


.home .footer-widgets {
    display: block !important;
}

.widget-area.footer-widgets-1 figure {
    display: block;
    margin: auto;
}

#menu-item-56 {
    text-align: center;
}

.home_basic_area {
    margin-bottom: -30px !important;
}


/* 3-Step **************************** */
.step_box {
    position: relative;
}

.step_box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    /* 線の太さ */
    height: 100%;
    background-color: #444;
    /* 線の色 */
}

.step_arrow {
    position: relative;
    height: 40px;
    /* 矢印部分の高さ */
}

.step_arrow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background-color: #444;
}

.step_arrow::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #444;
}

/* footer **************************** */
/* サイズ・色の変更 */
.fa-instagram {
    font-size: 24px;
    color: #E1306C;
}