------------------------------------------------------------------------------------------------
ここからスタイルの記述です。
※レスポンシブ対応になっております。
------------------------------------------------------------------------------------------------

<style>
/*----------　　初期設定　　----------*/
#ground-2022{
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
#ground-2022 ul{
list-style-type: none;
padding-left: 0;
}
#ground-2022 h2,#ground-2022 h3,#ground-2022 h4,#ground-2022 h5,#ground-2022 p{
margin: 0;
}
#ground-2022 img{
width: 100%;
vertical-align:top;
}
#ground-2022 a{
text-decoration: none;
}

/*----------　　全体　　----------*/

#ground-2022 .back-1{
background: url("https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/back-01.jpg");
background-size: cover;
}
#ground-2022 .back-2{
background: #F3F3F2;
}
#ground-2022 .font-center{
text-align: center;
}
#ground-2022 h2{
font-weight: 300;
font-size: 24px;
padding-bottom: 32px;
}
#ground-2022 .div-text p{
font-size: 14px;
line-height: 32px;
}
#ground-2022 .a-button:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 12px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 60px;
}
#ground-2022 .a-button:hover{
opacity: .7;
}


/*----------　　top　　----------*/

#ground-2022 .ground-2022__button{
display: flex;
height: 80px;
align-items: center;
}
#ground-2022 .ground-2022__button div{
background: #79766F;
width: 200px;
height: 100%;
text-align: center;
position: relative;
}
#ground-2022 .ground-2022__button p{
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
color:#FFFFFF;
}
#ground-2022 .ground-2022__button ul{
display: flex;
width: 100%;
justify-content: center;
}
#ground-2022 .ground-2022__button li{
padding-left: 20px;
padding-right: 20px;
}
#ground-2022 .ground-2022__button li+li{
border-left: solid 1px #808080;
}
#ground-2022 .ground-2022__button a{
color: #808080;
font-size: 14px;
}
#ground-2022 #section-intormation{
padding-top: 120px;
padding-bottom: 120px;
}
#ground-2022 #section-intormation .div-text{
width: 410px;
margin-left: auto;
margin-right: 3%;
margin-bottom: -10%;
position: relative;
}
#ground-2022 #section-intormation .div-text mark{
padding-left: 10px;
padding-right: 10px;
background: linear-gradient(transparent 40%, #ffffff 40%);
}
#ground-2022 #section-intormation .div-text p{
width: 80%;
margin-left: auto;
}
#ground-2022 #section-intormation .div-img{
width: 80%;
}
#ground-2022 #section-intormation img{
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
}

/*----------　　豊富なカラーラインナップ　　----------*/

#ground-2022 #section-color{
padding-top: 80px;
}
#ground-2022 #section-color .div-text{
margin-bottom: 56px;
}
#ground-2022 .intormation-ul ul{
display: flex;
flex-wrap: wrap;
margin-bottom: 145px;
}
#ground-2022 .intormation-ul li{
width: calc(100%/4);
margin: 0;
}
#ground-2022 .newcolor{
position: relative;
padding-top: 140px;
}
#ground-2022 .newcolor::before{
content: "";
height: 100px;
width: 1px;
background: #000000;
position: absolute;
top:-50px;
right:50%;
}
#ground-2022 .newcolor-top{
position: absolute;
top:-12px;
font-size: 24px;
right: 50%;
padding-right: 34px;
}
#ground-2022 .newcolor-text{
margin-left: 80px;
margin-right: 80px;
padding-bottom: 100px;
}
#ground-2022 .new-1{
margin-bottom: 55px;
}
#ground-2022 .new-img{
width: 420px;
}
#ground-2022 .new-1 .new-img,#ground-2022 .new-2 .new-text{
margin-right: 0;
margin-left: auto;
}
#ground-2022 .new-text{
width: 360px;
margin-top: -120px;
position: relative;
}
#ground-2022 .new-text h3{
font-size: 56px;
color:#79766F;
margin-bottom: -30px;
}
#ground-2022 .new-text_1{
font-size: 14px;
color:#79766F;
}
#ground-2022 .new-text_2{
font-size: 12px;
color:#808080;
padding: 30px 55px;
}
#ground-2022 .new-1 .new-text_2{
background: #EAE7E0;
}
#ground-2022 .new-2 .new-text_2{
background: #ECE3E4;
}
#ground-2022 .new-2 h3,#ground-2022 .new-2 .new-text_1{
text-align: right;
}
/*----------　　人気の理由　　----------*/

#ground-2022 #section-cause{
padding-bottom: 300px;
}
#ground-2022 .cause-top{
position: relative;
margin-left: 120px;
width: 400px;
padding-top: 120px;
padding-bottom: 120px;
}
#ground-2022 .cause-top::before{
content: "";
background: url("https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/cause-01.png");
background-size: 100px;
width: 100px;
height: 100px;
position: absolute;
top:50%;
transform: translatey(-50%);
right:-180px;
}
#ground-2022 #section-cause ul{
margin-top: 0;
margin-left: 10px;
margin-right: 10px;
}
#ground-2022 #section-cause li+li{
margin-top: 50px;
}
#ground-2022 #section-cause li{
display: flex;
}
#ground-2022 #section-cause .cause-text{
width: 50%;
background: #FFFFFF;
padding-left: 20px;
padding-right: 20px;
padding-top: 50px;
justify-content: center;
display: flex;
flex-flow:column;
position: relative;
box-sizing: border-box;
}
#ground-2022 #section-cause .cause-text h3{
font-size: 18px;
color:#79766F;
padding-bottom: 14px;
margin-bottom: 14px;
padding-top: 14px;
border-bottom: solid 1px #79766F;
}
#ground-2022 #section-cause .cause-text p{
font-size:14px;
color:#79766F;
}
#ground-2022 #section-cause li .cause-text::before{
content: "";
position: absolute;
font-size:75px;
color:#AAA8A0;
top:30px;
left: 50%;
transform: translateX(-50%);
}
#ground-2022 #section-cause li:nth-child(1) .cause-text::before{
content: "01";
}
#ground-2022 #section-cause li:nth-child(2) .cause-text::before{
content: "02";
}
#ground-2022 #section-cause li:nth-child(3) .cause-text::before{
content: "03";
}
#ground-2022 .cause-img{
width: 50%;
height: auto;
}

/*----------　　おすすめ使い方　　----------*/

#ground-2022 #section-usage{
background: #DDDDD9;
position: relative;
padding-top:50px;
}
#ground-2022 #section-usage::before{
content: "";
position: absolute;
width: 100%;
height: 28vw;
max-height: 242px;
top:-242px;
background-image: url("https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/back-02.png");
background-size: contain;
display: block;
}
#ground-2022 .usage-top h2,.usage-top p{
text-align: center;
}
#ground-2022 .usage-top p{
padding-bottom: 40px;
}
#ground-2022 #section-usage .usage-ul{
margin-left: 50px;
padding-top: 60px;
padding-bottom: 0;
position: relative;
}
#ground-2022 #section-usage .usage-ul::before{
position: absolute;
content: "";
background: #FFFFFF;
width: 260px;
height: 100%;
top:0;
left:-80px;
}
#ground-2022 #section-usage ul{
position: relative;
}
#ground-2022 .usage-ul{
margin-bottom: 45px;
}
#ground-2022 .usage-ul li+li{
padding-top: 30px;
}
#ground-2022 .usage-img{
width: 450px;
height: 100%;
}
#ground-2022 .usage-text{
max-width: 300px;
margin-top: -250px;
margin-right: 0;
margin-left: auto;
margin-bottom: 60px;
background: linear-gradient(135deg, transparent 30px, #F3F3F2 30px);
padding: 50px 50px 30px 30px;
position: relative;
}
#ground-2022 .usage-text::before{
position: absolute;
content: "";
background: url("https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/usage-04.png");
width: 70px;
height: 70px;
top:-90px;
right: 30px;
}
#ground-2022 .usage-div a{
display: flex;
align-items: center;
width: 250px;
height: 200px;
background: #79766F;
color:#FFFFFF;
margin-left: auto;
margin-right: auto;
border-top-right-radius: 9999px;
border-top-left-radius: 9999px;
position: relative;
padding-top: 24px;
padding-left: 30px;
position: relative;
}
#ground-2022 .usage-div a:before{
top: 55%;
right: 40px;
}
#ground-2022 .usage-div::before,.usage-div::after{
content: "";
position: absolute;
background-image: url("https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/usage-05.png");
width: 80px;
height: 50px;
bottom:0;
right: 18%
}
#ground-2022 .usage-div::after{
right: 5%;
}
#ground-2022 .usage-text h3{
font-size: 18px;
color:#79766F;
padding-bottom: 13px;
}
#ground-2022 .usage-text p{
font-size: 13px;
line-height: 25px;
color:#79766F;
}

/*----------　　道のり　　----------*/

#ground-2022 #section-story{
padding-top: 120px;
padding-bottom: 100px;
}
#ground-2022 #section-story h2{
text-align: center;
}
#ground-2022 #section-story .div-img{
max-width: 630px;
margin-left: auto;
margin-right: 0;
}
#ground-2022 #section-story p{
font-size: 13px;
background: #AAA8A0;
color:#FFFFFF;
width: 60%;
text-align: center;
padding: 19px 30px;
margin-top: -50px;
position: relative;
}
#ground-2022 #section-story a{
display: block;
width: 410px;
background: #79766F;
color:#FFFFFF;
text-align: center;
margin-top: 70px;
margin-left: auto;
margin-right: auto;
padding-top: 13px;
padding-bottom: 13px;
padding-right: 20px;
position: relative;
}

/*----------　　その他　　----------*/

#ground-2022 #section-series{
border: solid 1px #79766F;
max-width: 700px;
margin-left: auto;
margin-right: auto;
margin-top: 120px;
margin-bottom: 80px;
}
#ground-2022 .series-border{
border: solid 1px #79766F;
margin: -15px 10px;
padding: 60px 40px;
}
#ground-2022 #section-series .div-text{
text-align: center;
}
#ground-2022 #section-series .div-text p{
font-size: 20px;
position: relative;
}
#ground-2022 #section-series .div-text p::before,
#ground-2022 #section-series .div-text p::after {
position: absolute;
top: 0.8rem;
height: 1rem;
content: '';
top:8px;
}
#ground-2022 #section-series .div-text p::before {
border-left: solid 1px;
left: 200px;
transform: rotate(-30deg);
}
#ground-2022 #section-series .div-text p::after {
border-right: solid 1px;
right: 200px;
transform: rotate(30deg);
}
#ground-2022 .pink{
color: #F791BD;
}
#ground-2022 .green{
color: #66CC88;
}
#ground-2022 .text-p{
font-size: 14px;
margin-bottom: 40px;
}
#ground-2022 .series-div{
width: 50%;
}
#ground-2022 .series-div+.series-div{
padding-left: 50px;
}
#ground-2022 .series{
display: flex;
}
#ground-2022 .div-img{
margin-bottom: 20px;
}
#ground-2022 .div-a a{
display: block;
text-align: center;
background: #79766F;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 30px;
color:#FFFFFF;
position: relative;
}
@media screen and (max-width: 850px){
#ground-2022 #section-usage::before{
top:-27vw;
}
}
@media screen and (max-width: 768px){

/*全体*/
#ground-2022 h2{
font-size: 18px;
padding-bottom: 32px;
text-align: center;
}
#ground-2022 .br-768{
display: none;
}

/*ヘッダー*/
#ground-2022 .ground-2022__button{
display: block;
height: 180px;
}
#ground-2022 .ground-2022__button div{
width: 100%;
height:30px;
}
#ground-2022 .ground-2022__button ul{
display: block;
border-left: solid 1px #808080;
margin-left: 30px;
}
#ground-2022 .ground-2022__button li+li{
border: none;
}

/*top*/
#ground-2022 #section-intormation{
padding-top: 20%;
padding-bottom: 20%;
}
#ground-2022 #section-intormation .div-text{
width: 95%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
#ground-2022 #section-intormation .div-text p{
margin: 0;
width: 100%;
}
#ground-2022 #section-intormation .div-img{
width: 90%;
}

/*新カラー*/
#ground-2022 #section-color{
padding-top: 20%;
}
#ground-2022 #section-color .div-text{
margin-bottom: 20px;
}
#ground-2022 .intormation-ul ul{
margin-bottom: 80px;
}
#ground-2022 .newcolor-top{
font-size: 18px;
}
#ground-2022 .newcolor::before{
height: 50px;
top:-25px;
}
#ground-2022 .newcolor{
padding-top: 80px;
}
#ground-2022 .newcolor-text{
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
padding-bottom: 80px;
}
#ground-2022 .new{
margin-left: 5%;
margin-right: 5%;
}
#ground-2022 .new-1 .new-img,#ground-2022 .new-2 .new-text{
margin-right: auto;
width: 100%;
}
#ground-2022 .new-img,#ground-2022 .new-text{
width: 100%;
}
#ground-2022 .new-text{
margin-top: 10px;
}
#ground-2022 .new-2 .new-text_1{
text-align: left;
}
#ground-2022 .new-text h3{
text-align: center;
font-size: 40px;
}

/*理由*/
#ground-2022 .cause-top {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 600px;
padding-top: 140px;
padding-bottom: 80px;
}
#ground-2022 .cause-top::before{
top: 10%;
right:50%;
transform: translatex(50%);
background-size: 80px;
width: 80px;
height: 80px;
}
#ground-2022 .cause-top p,#ground-2022 .cause-img{
margin-left: 5%;
margin-right: 5%;
}
#ground-2022 #section-cause ul,#ground-2022 #section-cause .cause-text{
margin-left: auto;
margin-right: auto;
}
#ground-2022 #section-cause li{
flex-wrap: wrap-reverse;
}
#ground-2022 .cause-img{
width: 100%;
}
#ground-2022 #section-cause .cause-text{
width: 90%;
margin-top: -15%;
padding-bottom: 30px;
}
#ground-2022 #section-cause li .cause-text::before{
font-size: 40px;
top:15px;
}
#ground-2022 #section-series{
margin-top: 40px;
margin-bottom: 40px;
}
#ground-2022 #section-cause{
padding-bottom: 180px;
}

/*使い方*/
#ground-2022 #section-usage .usage-ul{
width: 100%;
margin-left: auto;
padding-top: 30px;
}
#ground-2022 #section-usage::before{
top: -25vw;
}
#ground-2022 .usage-top{
margin-left: auto;
margin-right: auto;
max-width: 390px;
}
#ground-2022 .usage-top p{
text-align: left;
margin-left: 5%;
margin-right: 5%;
}
#ground-2022 #section-usage .usage-ul::before{
width: 20%;
left: 0;
}
#ground-2022 .usage-img{
width: 90%;
}
#ground-2022 .usage-text{
margin-top:-5%;
margin-bottom: 30px;
}
#ground-2022 .usage-text::before{
display: none;
}
#ground-2022 .usage-ul li+li{
margin-top: 0;
}

/*ストーリー*/
#ground-2022 #section-story .div-img{
width: 90%;
}
#ground-2022 #section-story p{
margin-top: -20px;
max-width: 500px;
width: 70%;
text-align: left;
}
#ground-2022 #section-story a{
width: 100%;
max-width: 330px;
font-size: 12px;
}

/*その他*/
#ground-2022 #section-series .div-text p::before{
left:5%;
}
#ground-2022 #section-series .div-text p::after{
right: 5%;
}
#ground-2022 .series{
justify-content: center;
}
#ground-2022 .series-border{
padding-left: 5%;
padding-right: 5%;
}
#ground-2022 .series-div+.series-div{
padding-left: 5%;
}
#ground-2022 .series-div{
max-width: 250px;
}
#ground-2022 .div-a a{
font-size: 12px;
padding-right: 0;
}
#ground-2022 #section-series .a-button:before{
opacity: 0;
}
}
</style>

------------------------------------------------------------------------------------------------
ここまでがスタイルの記述です。
------------------------------------------------------------------------------------------------


------------------------------------------------------------------------------------------------
ここからHTMLの記述です。
------------------------------------------------------------------------------------------------

<section id="ground-2022">
<div><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/ground-2022-bnr.jpg" alt="グランド特集のバナー"></div>
<div class="ground-2022__button">
<div>
<p>intormation</p>
</div>
<ul>
<li><a href="#section-color">カラー</a></li>
<li><a href="#section-cause">人気の理由</a></li>
<li><a href="#section-usage">使い方</a></li>
<li><a href="#section-story">開発ストーリー</a></li>
<li><a href="#section-series">他シリーズ</a></li>
</ul>
</div>
<section id="section-intormation" class="back-1">
<div class="div-text">
<h2><mark>大人気ラグ「グランド」シリーズ！</mark><br><mark>8色展開でバリエーションアップ</mark></h2>
<p>極上のふっくら感で大人気のラグ「グランド」に、新たなカラーが加わりました。<br class="br-768">シックなピンク色とやさしいアイボリー色で、幅広いお部屋でのコーディネートが可能に。バリエーションアップしたグランドを、ぜひご覧ください！</p>
</div>
<div class="div-img"><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/top-photo.jpg" alt="topの画像"></div>
</section>
<section id="section-color">
<div class="div-text">
<h2 class="font-center">豊富なカラーラインナップ</h2>
<p class="font-center">ベーシックでスタイリッシュな従来の6色にくわえて、新たに柔らかなトーンのアイボリーとピンクを追加。<br class="br-768">コーディネートの幅が広がります。</p>
</div>
<div class="intormation-ul">
<ul>
<li><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/color-01.jpg" alt="ベージュの画像"></li>
<li><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/color-02.jpg" alt="グリーンの画像"></li>
<li><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/color-03.jpg" alt="ネイビーの画像"></li>
<li><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/color-04.jpg" alt="オレンジの画像"></li>
<li><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/color-05.jpg" alt="ブラウンの画像"></li>
<li><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/color-06.jpg" alt="グレーの画像"></li>
<li><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/color-07.jpg" alt="アイボリーの画像"></li>
<li><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/color-08.jpg" alt="ピンクの画像"></li>
</ul>
<div class="newcolor back-2">
<div class="newcolor-top">NEW COLOR</div>
<div class="newcolor-text">
<div class="new new-1">
<div class="new-img"><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/new-01.jpg" alt="新柄アイボリーの画像"></div>
<div class="new-text">
<p class="new-text_1">シンプルに、ていねいに、やさしい</p>
<h3>IVORY</h3>
<p class="new-text_2">色んなインテリアアイテムでも人気のアイボリー色。<br class="br-768">やさしい色合いは、お部屋の雰囲気をていねいに、シンプルに仕上げてくれます。</p>
</div>
</div>
<div class="new new-2">
<div class="new-img"><img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/new-02.jpg" alt="新柄ピンクの画像"></div>
<div class="new-text">
<p class="new-text_1">大人っぽく、ラグジュアリーに<br>シックなくすみ系</p>
<h3>PINK</h3>
<p class="new-text_2">今回新しく仲間入りしたピンク色は、シックな色合いが特徴的。<br class="br-768">お部屋の雰囲気をラグジュアリーに、大人っぽく仕上げてくれます。</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="section-cause" class="back-1">
<div class="barc-w">
<div class="cause-top div-text">
<h2>グランドシリーズ、人気の理由。</h2>
<p>この度「グランド」は、累計販売枚数1万枚を突破しました！ここからは、そんな「グランド」の人気ポイントについてご紹介します。「グランド」が愛用される理由を知れば、使いたくなること間違いなし！</p>
</div>
</div>
<ul>
<li>
<div class="cause-text">
<h3>2倍の厚み！<br>ウレタンフォーム30mm使用</h3>
<p>「グランド」最大の特徴は、なんといってもそのふっくら感！ふっくら素材のウレタンフォームを、通常のラグの約2倍も使用することで、このふっくら感を実現しています。</p>
</div>
<div class="cause-img">
<img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/cause-01.jpg" alt="人気の理由の説明画像">
</div>
</li>
<li>
<div class="cause-text">
<h3>ヘタらない！<br>8万回の試験に耐えた圧倒的な耐久性</h3>
<p>グランドに使用しているウレタンフォームは、へたりにくい特徴があります。<br>その効果は、8万回の耐久試験を耐えるほど！圧倒的な耐久性で、ヘタらず、末永くご使用いただけます。</p>
</div>
<div class="cause-img">
<img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/cause-02.jpg" alt="人気の理由の説明画像">
</div>
</li>
<li>
<div class="cause-text">
<h3>手作り感のやわらかさ。<br>こだわりのキルティングデザイン</h3>
<p>「グランド」はデザインにもこだわりがあります。ポコポコとした、ふくらみのあるひし形のデザインは、可愛らしい雰囲気だけでなく、ウレタンのふっくら感をより倍増させる効果があります。</p>
</div>
<div class="cause-img">
<img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/cause-03.jpg" alt="人気の理由の説明画像">
</div>
</li>
</ul>
</section>
<section id="section-usage">
<div class="div-text usage-top">
<h2>グランドおすすめの使い方</h2>
<p>グランドの魅力を知っていただいたところで、<br class="br-768">ここからは、グランドのおすすめの使い方についてご紹介！</p>
</div>
<div class="usage-ul">
<ul>
<li>
<div class="usage-img">
<img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/usage-01.jpg" alt="使用例の画像">
</div>
<div class="usage-text">
<h3>リラックススペースに</h3>
<p>ふっくらラグのグランドで、お家のリビングを家族みんなのリラックススペースに。みんなでゴロゴロゆったりくつろいで、気持ちのいい時間を過ごしてみませんか？</p>
</div>
</li>
<li>
<div class="usage-img">
<img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/usage-02.jpg" alt="使用例の画像">
</div>
<div class="usage-text">
<h3>子どもたちの遊び場に</h3>
<p>極上のふっくら感は、子どもたちも喜ぶこと間違いなし！防音効果も高いので、ついはしゃいでしまう子どもたちの足音もしっかりと吸収してくれます。</p>
</div>
</li>
<li>
<div class="usage-img">
<img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/usage-03.jpg" alt="使用例の画像">
</div>
<div class="usage-text">
<h3>あったかこたつと一緒に</h3>
<p>表地にはあたたかみのあるコーデュロイ調の生地を使用しているので、こたつの下に敷くラグとしてもおススメです。<br><br>30mmのボリュームで上からの熱は逃がさず、下からの冷気をシャットアウト。最高のリラックスタイムをお過ごしいただけます。</p>
</div>
</li>
</ul>
</div>
<div class="usage-div">
<a class="a-button" href="https://www.ikemart.com/shopdetail/000000001231/rug/page1/order/"><p>グランドの詳細はこちら</p></a>
</div>
</section>
<section id="section-story" class="back-2">
<h2>グランドができるまでの道のり</h2>
<div class="div-img">
<img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/story.jpg" alt="開発者が語っている画像">
</div>
<p>大人気極厚ラグ「グランド」シリーズ。このシリーズの裏側には、<br>担当者の工夫の積み重ねがありました。</p>
<a class="a-button" href="https://clip.ikehiko.net/ikehiko/story/i_20220805-1/">グランドの開発ストーリーはこちら</a>
</section>
<section id="section-series">
<div class="series-border">
<div class="div-text">
<p><span class="pink">春</span><span class="green">夏</span>用アイテム</p>
<h2>SARARI、フレッドもおすすめ</h2>
</div>
<p class="text-p">「グランド」には、春夏用のアイテムもございます。手触りの良いタオルのような触り心地の「SARARI」に、ひんやり冷たい冷感生地を使用した「フレッド」。オールシーズンでご使用される方におすすめです。</p>
<div class="series">
<div class="series-div">
<div class="div-img">
<img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/series-01.jpg" alt="SARARIの画像">
</div>
<div class="div-a"><a class="a-button" href="https://www.ikemart.com/shopdetail/000000001230/rug/page1/order/">SARARIを見てみる</a></div>
</div>
<div class="series-div">
<div class="div-img">
<img src="https://gigaplus.makeshop.jp/ik1886/img/tokusyu/gurando/series-02.jpg" alt="フレッドの画像">
</div>
<div class="div-a"><a class="a-button" href="https://www.ikemart.com/shopdetail/000000001327/rug/page1/order/">フレッドを見てみる</a></div>
</div>
</div>
</div>
</section>
</section>

------------------------------------------------------------------------------------------------
ここまでがHTMLの記述です。
------------------------------------------------------------------------------------------------