イントロ画像付き　参考UNO HOTEL

イメージ
イメージ
イメージ
CONCEPT

コンセプト

SETOUCHIの島旅は、
宇野から始まる。

宇野駅から徒歩1分、宇野港から徒歩3分。
瀬戸内観光、島旅の拠点として利便性の高い立地が、あなたの旅の可能性を広げます。

イメージ
イメージ
コードを表示
HTML 

<section class="conceptArea bgLeft -wide active">
    <div class="conceptImgBox01">
        <div class="box01"><img src="https://f-wonderbox.com/wp-content/themes/package/img/top/concept01.jpg" alt="イメージ"></div>
        <div class="box02 visible-xs"><img src="https://f-wonderbox.com/wp-content/themes/package/img/top/concept04.jpg" alt="イメージ"></div>
        <div class="box03 visible-xs"><img src="https://f-wonderbox.com/wp-content/themes/package/img/top/concept05.jpg" alt="イメージ"></div>
    </div>
    <div class="wrap">
        <div class="contentBox">
            <div class="txtBox">
                <div class="midashi_en">CONCEPT</div>
                <h2 class="midashi_jp pt5">コンセプト</h2>
                <h3 class="midashi01 pt20">SETOUCHIの島旅は、<br>宇野から始まる。</h3>
                <p class="pt20">宇野駅から徒歩1分、宇野港から徒歩3分。<br>瀬戸内観光、島旅の拠点として利便性の高い立地が、<br class="hidden-xs">あなたの旅の可能性を広げます。</p>
            </div>
        </div>
    </div>
    <div class="conceptImgBox02">
        <div class="box01"><img src="https://f-wonderbox.com/wp-content/themes/package/img/top/concept02.jpg" alt="イメージ"></div>
        <div class="box02"><img src="https://f-wonderbox.com/wp-content/themes/package/img/top/concept03.jpg" alt="イメージ"></div>
        <div class="box03 hidden-xs"><img src="https://f-wonderbox.com/wp-content/themes/package/mg/top/concept04.jpg" alt="イメージ"></div>
        <div class="box04 hidden-xs"><img src="https://f-wonderbox.com/wp-content/themes/package/img/top/concept05.jpg" alt="イメージ"></div>
    </div>
</section>