@charset "utf-8";
/*===========================
add
===========================*/
/* セクション */
.trouble-section {
    /*background: #f2f2f2;
  padding: 60px 20px;*/
    text-align: center;
}
/* タイトル */
.trouble-title {
    font-size: 28px;
    color: #1f2a6d;
    margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
    .trouble-title {
        font-size: 1.4em;
    }
}
/* リード文 */
.trouble-lead {
    /*font-size: 15px;*/
    line-height: 1.8;
    margin-bottom: 40px;
    /*color: #333;*/
}
/* グリッド */
.trouble-grid {
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}
/* ボックス */
.trouble-item {
    background: #1f2a6d;
    color: #fff;
    padding: 25px 15px;
    /*font-size: 15px;*/
    line-height: 1.8;
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #1f2a6d;
}
/* スマホ */
@media screen and (max-width: 768px) {
    .trouble-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* セクション */
.greeting-section {
    background: url("../img/content/back.jpg") left center / cover no-repeat;
    position: relative;
    padding: 100px 20px;
}
/* 右側を暗くするグラデーション */
.greeting-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.75) 70%);
}
/* 内側 */
.greeting-inner {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
}
/* 右側まとめる */
.greeting-content {
    width: 55%;
    color: #fff;
}
/* タイトル */
.greeting-title {
    font-size: 32px;
    line-height: 1.4;
    margin-bottom: 30px;
}
/* テキスト */
.greeting-text p {
    /*font-size: 14px;*/
    line-height: 2;
    margin-bottom: 15px;
}
/* 段落 */
.greeting-text p {
    /*font-size: 14px;*/
    line-height: 2;
    margin-bottom: 15px;
}
/* 署名 */
.greeting-sign {
    margin-top: 30px;
    text-align: right;
}
/* スマホ */
@media screen and (max-width: 768px) {
    .greeting-inner {
        justify-content: center;
    }
    .greeting-title, .greeting-text {
        width: 100%;
    }
    .greeting-section::before {
        background: rgba(0, 0, 0, 0.7);
    }
    .greeting-title {
        font-size: 24px;
    }
    .greeting-content {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .greeting-section {
        background-position: -200px center;
        background-size: cover;
    }
}
/* セクション */
.career-section {
    /*background: #f5f5f5;*/
    padding: 60px 20px;
}
/* グリッド */
.career-grid {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 50px;
}
/* 各項目 */
.career-item {
    text-align: left;
}
/* タイトル（青枠） */
.career-item h3 {
    display: inline-block;
    border: 3px double #1f6ed4;
    padding: 8px 18px;
    font-size: 18px;
    /*color: #1f6ed4;*/
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}
.career-item h3::after {
    height: 0px;
}
/* テキスト */
.career-item p {
    /*font-size: 14px;*/
    line-height: 1.8;
    /*color: #333;*/
}
/* スマホ */
@media screen and (max-width: 768px) {
    .career-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}