@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/




/*フルワイドブロックを基準値に設定する*/
.img-arrange-wrapper{
position:relative; /*位置を絶対値で指定*/
z-index:0; /*表示順を写真より下に指定*/
}

/*フルワイドブロック内のテキストを画像より前面に表示する*/
.img-arrange-wrapper p{
position:relative; /*位置を絶対値で指定*/
z-index:2; /*表示順をフルワイドブロックや写真より上に指定*/
}


/*1枚目の画像位置指定*/
.arrange-img1{
position:absolute; /*位置をフルワイドブロックに対する相対値で指定*/
width:200px; /*画像の横幅*/
bottom:300px; /*画像の位置（下からの距離）*/
right:-230px; /*画像の位置（右からの距離）*/
}

/*2枚目の画像位置指定*/
.arrange-img2{
position:absolute;
width:100px;
top:0; /*画像の位置（上からの距離）*/
left:-200px; /*画像の位置（左からの距離）*/ 
}

/*3枚目の画像位置指定*/
.arrange-img3{
position:absolute;
width:200px;
bottom:-5px;
left:-250px;
}

/*4枚目の画像位置指定*/
.arrange-img4{
position:absolute;
width:300px;
bottom:-300px;
right:-10px;
}