#25  提供可能サービスのセクション【ポートフォリオ作成】

<!-- 提供可能なサービス -->
<div class="service">
    <div class="service__inner">
        <h2 class="service__headline">
            <span class="service__headline-en">Service</span>
            <span class="service__headline-jp">提供可能なサービス</span>
        </h2>
        <div class="service__lineup">
            <div class="service__item">
                <h3><img class="service__icon" src="img/service__icon01.png" alt="集客プランの作成のアイコン">集客プランの作成</h3>
                <p>WEBサイトでの目的達成をするためには、作成前の集客プランが大切です。
                <br>集客方法のご提案〜ユーザーに刺さるコピーの作成を行います。</p>
            </div>
            <div class="service__item">
                <h3><img class="service__icon" src="img/service__icon02.png" alt="デザイン制作のアイコン">デザイン制作</h3>
                <p>お客様のご要望をもとにイメージ通りのデザインを作成します。
                <br>各種デザインソフトを使用し、ご希望の納品形式にて納品いたします。</p>
            </div>
            <div class="service__item">
                <h3><img class="service__icon" src="img/service__icon03.png" alt="コーディング業務のアイコン">コーディング業務</h3>
                <p>HTML、CSS、JavaScriptを使用し、デザイン通りのコーディングが可能です。
                <br>モバイルファーストを考慮し、<strong>レスポンシブ対応</strong>もいたします。</p>
            </div>
        </div>
    </div>
</div>
<!-- /提供可能なサービス -->

.service {
    padding: 130px 0;
    background-color: #f9f9ff;
}

.service__inner {
    max-width: 1140px;
    margin: 0 auto;
}

.service__headline {
    margin-bottom: 60px;
}

.service__headline-en {
    display: block;
    margin-bottom: 10px;
    color: #7768ed;
    font-weight: 700;
    font-size: 20px;
    font-family: "Montserrat";
}

.service__headline-jp {
    font-weight: 700;
    font-size: 32px;
}

.service__lineup {
    display: flex;
    justify-content: space-between;
}

.service__item {
    flex-basis: 364px;
    padding: 40px;
    border-radius: 20px;
    background-color: #ffffff;
}

.service__item h3 {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: #7768ed;
    font-weight: 700;
    font-size: 16px;
}

.service__item p {
    font-size: 14px;
    line-height: 150%;
}

.service__item strong {
    background-color: #fcff58;
    font-weight: normal;
}


.service__icon {
    margin-right: 10px;
}