/*メールフォーム
----------------------------------------------------*/
.area-name{
        display:inline-block;
        width: 120px;
        height: auto;
        background: white; /*背景色*/
}

.area-name2{
        display:inline-block;
        width: 180px;
        height: auto;
        background: white; /*背景色*/
}

.area-input{
        display:inline-block;
        width: 84%; 
        padding: 5px  10px;
        font-size: 90%;
        border-radius: 2px;
        border: 1px solid #ddd;
        box-sizing: border-box; /*横幅の解釈をpadding, borderまでとする*/
        background: #fff; /*背景色*/
}

.area-input2{
        display:inline-block;
        width: 97%; 
        height: 50px;
        padding: 5px  10px;
        font-size: 100%;
        border: 1px solid #ddd;
        background: #fff; /*背景色*/
}

.submit-bt {
    padding: 5px  10px;
    margin: 5px;
}

/*フォーム行間
----------------------------------------------------*/
input, textarea {
    line-height: 1.5; /* 行間を少し広げる */
    padding: 8px; /* フィールド内の余白調整 */
}

p.area-name  {
    margin-bottom: 25px; /* 行間にスペースを追加 */
}

 p.area-name2 {
    margin-bottom: 8px; /* 行間にスペースを追加 */
}

/*デコレーション
----------------------------------------------------*/
.p-red{
    color:#e75a2f;
}

.p-red-s{
    color:#e75a2f;
    font-size: 70%;
}

.text-concept{ 
    text-align:left;
    font-size: 95%;
    color:#333333;
    line-height: 125%
}

.line-gray{
    border:solid 1px;
    border-color:#b6c6c3;
    width:100%;
}

.page-box2 {
    display: flex;
    align-items: center;  /* 垂直方向の中央揃え */
    height: 30px;
    background: #716866;
    color: #fbfaf3;
}

.page-box2 p {
    margin-left: 40px;
    margin: 0; /* 不要なmarginはリセット */