/* ------- アイコン付き ------- */
.custom-box4 {
    position: relative;
    margin: 2em 0;
    padding: 2.0em 4% 1.4em;
    background: #fff; /* ボックス背景色 */
    border: solid 2px #60cc65; /* 外枠の色 */
    border-radius: 8px;
}
.custom-box4-title  {
    position: absolute;
    display: inline-block;
    padding: 2px 10px;
    top: 5px;
    left: 45px;
    vertical-align: middle;
    background: #fff; /* タイトル背景色 */
    color: #60cc65; /* タイトル文字色 */
    font-size: 20px;
    font-weight: bold;
}
.custom-box4-title:before {
    font-family:"FontAwesome";
    content:"f046"; /* アイコン指定 */
    position: absolute;
    top: -9px;
    left: -35px;
    vertical-align: middle;
    color: #60cc65; /* アイコン色 */
    font-size: 35px;
}
.custom-box4 p {
    margin-bottom: .8em;
}
.custom-box4 p:last-child {
    margin-bottom: 0;
}


/* --------- 左上タイトル --------- */
.custom-box2 {
    position: relative;
    margin: 2em 0;
    padding: .5em 4% 1.4em;
    background: #fff; /* ボックス背景色 */
    border: solid 2px #ff7f78; /* 外枠の色 */
    border-radius: 8px;
}
.custom-box2-title {
    position: absolute;
    display: inline-block;
    padding: 2px 10px;
    top: -30px;
    left: 20px;
    vertical-align: middle;
    border-radius: 5px 5px 0 0;
    background: #ff7f78; /* タイトル背景色 */
    color: #fff; /* タイトル文字色 */
    font-size: 17px;
    font-weight: bold;
}
.custom-box2 p {
    margin-bottom: .8em;
}
.custom-box2 p:last-child {
    margin-bottom: 0;
}
 

/* ------- 質問 Q ------- */
.custom-box6 {
    position: relative;
    margin: 2em 0 2em 1.3em;
    padding: .5em 4% .5em 2.5em;
    background: #fafaff; /* ボックス背景色 */
    border-radius: 10px;
}
.custom-box6-label {
    position: absolute;
    display: inline-block;
    top: -1px;
    left: -20px;
    background: #1478e6; /* ラベル背景色 */
    color: #fff; /* ラベル文字色 */
    letter-spacing: 0.05em;
    font-size: 1.4em;
    font-weight: bold;
    width: 45px;
    height: 45px;
    line-height: 45px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}
.custom-box6 p {
    margin-bottom: .8em;
}
.custom-box6 p:last-child {
    margin-bottom: 0;
}