/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 21 2025 | 05:47:55 */
/*地図の上*/
.buyCopy { width:100%; padding:30px 0 0 0; display:flex; flex-direction:column; align-items:center; }
.buyCopyTitle { width:100%; padding:10px 0; background:#269F46; border-radius:10px; color:#fff; text-align:center; font-weight:700; font-size:18px; line-height:1.2; }
.buyCopyText { width:100%; margin:15px 0 0 0; color:#269F46; font-weight:700; font-size:20px; line-height:1.5; }
.buyCopy img { width:50%; margin:-30px 0 -80px auto; }
@media (min-width:768px) {
	.buyCopy { padding:0; flex-direction:row; }
	.buyCopyTitle { max-width:210px; padding:15px 0; color:#fff; font-size:24px; line-height:1.2; }
	.buyCopyText { width:auto; margin:0 0 0 30px; }
}

.buyWave { width:150%; max-width:150%; margin:0 -25%; display:flex; } 
@media screen and (min-width:768px) {
	.buyWave { width:100%; margin:0; } 
}

/*イラスト*/
.searchIllNews { width:40px; position:absolute; top:50px; right:20%; }
.searchIllBuyCat { width:80px; position:absolute; top:-30px; right:10%; }
.searchIllBuyArr { width:70px; position:absolute; top:40px; right:10%; }
.searchIllBuyProduce { width:90px; position:absolute; top:-10px; right:10%; }
.searchIllBuyFlow { width:80px; position:absolute; top:-20px; right:5%; }
.searchIllBuyPoint { width:70px; position:absolute; top:20px; right:5%; }
.searchIllBuyOwner { width:50px; position:absolute; top:40px; right:5%; }
@media (min-width:768px) {
	.searchIllNews { width:68px; top:70px; right:35%; }
	.searchIllBuyCat { width:160px; top:-20px; right:15%; }
	.searchIllBuyArr { width:140px; top:70px; right:25%; }
	.searchIllBuyProduce { width:180px; top:-15px; right:25%; }
	.searchIllBuyFlow { width:120px; top:40px; right:15%; }
	.searchIllBuyPoint { width:110px; top:50px; right:20%; }
	.searchIllBuyOwner { width:70px; top:90px; right:15%; }
}

/*検索選択*/
.searchChoices { width:100%; margin:0 0 50px 0; padding:10px 0 0 0; display:block; background:#F5F7F7; border-radius:10px; position:relative; }
.searchChoicesIll { width:40px; position:absolute; top:30px; right:10%; }
.searchChoice { width:100%; padding:20px 5%; display:flex; flex-direction:column; gap:10px; }
.searchChoice a { width:100%; margin:0; padding:10px 5%; display:flex; flex-direction:row; align-items:center; background:#fff; border:1px solid #269F46; border-radius:10px; position:relative; }
.searchChoice a:after{ content: ""; margin:-5px 0 0 8px; display:inline-block; width:10px; height:10px; transform: rotate(45deg); border-style:solid; border-color:#269F46; border-top-width:3px; border-right-width:3px; border-bottom-width:0; border-left-width:0; vertical-align:middle; position:absolute; top:50%; right:10%; }
.site-content .searchChoice a:hover { text-decoration:none; }
.searchChoice a.noLink { pointer-events: none; opacity:0.5; }
.searchChoiceImg { width:75px; margin-right:10px; }
.site-content .searchChoice a:hover .searchChoiceImg { transform: scale(1); }
.searchChoiceText { color:#000; font-weight:600; }
@media (min-width:768px) {
	.searchChoices { padding:20px 0 0 0; }
	.searchChoicesIll { width:60px; right:32.5%; }
	.searchChoice { padding:30px 5% 50px 5%; flex-direction:row; justify-content:center; gap:20px; }
	.searchChoice a { width:23.5%; padding:20px 0; flex-direction:column; }
	.searchChoice a:hover { flex-direction:column; background:#E1EED8;; }
	.searchChoiceImg { width:150px; margin-bottom:20px; }
	.searchChoiceText { font-size:18px; }
}

/*お知らせ*/
.contentsSearchNews { position:relative; }
.contentsSearchNews .es-list-wrapper { background:none; }
@media (min-width:768px) {
	.contentsSearchNews { padding:30px 0 0 0; }
}

/*h2まわり*/
.buyH2 { width:100%; padding:20px 0 0 0; display:flex; flex-direction:column; text-align:center; position:relative; }
.buyH2Map { padding:0; }
.buyH2Prod { padding:0; }
.buyH2News { margin:30px 0 -40px 0; }
.buyEng { width:100%; box-sizing:border-box; color:#269F46; line-height:1.2; font-weight:600; letter-spacing:0.1em; font-family:"Hind Siliguri"; }
.buyH2 h2 { width:100%; margin:5px 0 0 0; color:#000; font-weight:600; font-size:24px; line-height:1.6; letter-spacing:0.05em; }
.buyH2 h2:after { margin:0; background:none; }
@media (min-width:768px) {
	.buyH2Map { position:absolute; top:30px; left:5%; }
	.buyH2Prod { padding:0 0 30px 0; }
	.buyEng { font-size:20px; }
	.buyH2 h2 { font-size:32px; }
}

/*地図の枠内*/
.buyMaps { width:100%; display:flex; flex-direction:column; position:relative; }
.buyMapFlame { width:100%; margin:10px 0 0 0; padding:0; display:flex; flex-direction:column; background:#fff; border:3px solid #269F46; border-radius:20px; overflow:hidden; box-sizing:border-box; }
.buyMap { width:100%; margin:0; padding:0; display:flex; flex-direction:column; overflow:hidden; box-sizing:border-box; }
.buyMapArea { width:100%; margin:0; padding:0; position:relative; box-sizing:border-box; }
.buyMapAreaImg { width:100%; height:auto; display:block; position:relative; z-index:0; }
.buyMapAreaLayer { width:100%; height:auto; display:block; position:absolute; z-index:1; top:0; left:0; }
.buyMapArea map { position:absolute; top:0; }
@media (min-width:768px) {
	.contentsBuyMap { padding:20px 0 0 0; }
	.buyMaps { margin:0 0 0 0; }
	.buyMapFlame { margin:0; }
	.buyMap { flex-direction:row-reverse; }
	.buyMapArea { width:550px; margin:0; transform:scale(1.0); }
}

/*市のリンク*/
.buyLinks { width:100%; display:flex; flex-direction:column; }
.buyLink { width:100%; display:flex; flex-direction:column; }
.buyLink a { width:100%; padding:15px 0 15px 7.5%; display:block; border-top:2px solid #269F46; position:relative; background:#fff; color:#269F46; font-weight:bold; line-height:1.2; }
.buyLink a:after{ content: ""; display:inline-block; width:6px; height:6px; margin:-3px 0 0 0; position:absolute; top:50%; right:5%; transform: rotate(45deg); border-style:solid; border-color:#269F46; border-top-width:1px; border-right-width:1px; border-bottom-width:0; border-left-width:0; vertical-align:middle; }
.buyLinkIll { display:none; }
@media (min-width:768px) {
	.buyLinks { width:490px; margin:100px 0 0 0; flex-direction:row; justify-content:space-between; }
	.buyLink a { margin:15px 0 0 0; padding:0; display:flex; align-items:center; border-top:none; color:#000; font-weight:normal; }
	.buyLink a:before{ content:""; display:inline-block; width:6px; height:6px; margin:0 10px 0 0; background:#269F46; border:none; position:relative; top:auto; right:auto; transform:rotate(0); clip-path:polygon(0 0, 80% 50%, 0 100%); }
	.buyLink a:after{ display:none; }
	.buyLink a span { color:#269F46; }
	.buyLinkIll { display:flex; justify-content:right; }
	.buyLinkIll img { width:190px; }
}

/*パノラマリンク*/
.buyPanorama { width:100%; padding:15px 0; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#269F46; }
.buyPanoramaImg { width:75px; display:block; }
.buyPanoramaText { color:#fff; font-weight:700; }
.buyPanoramaButton { width:80%; margin:5px auto 0 auto; padding:10px 0; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:20px; color:#269F46; text-align:center; font-weight:700; line-height:1.2; }
.buyPanoramaButton:after{ content: ""; margin:0 0 0 10px; display:inline-block; width:6px; height:6px; transform: rotate(45deg); border-style:solid; border-color:#269F46; border-top-width:1px; border-right-width:1px; border-bottom-width:0; border-left-width:0; vertical-align:middle; }
@media (min-width:768px) {
	.buyPanorama { flex-direction:row; }
	.buyPanoramaImg { margin:0 20px 0 0; }
	.buyPanoramaText { font-size:24px; }
	.buyPanoramaButton { width:260px; margin:0 0 0 100px; }
}

/*イメージ写真*/
.buyImage { width:100%; }

/*カテゴリ*/
.contentsCategory { margin-top:20px; }
.buyCats { width:100%; padding-bottom:50px; display:flex; flex-direction:column; justify-content:left; align-items:center; }
.buyCat { width:100%; margin:20px 0 10px 0; display:block; border-radius:10px; }
.buyCat.noLink { display:none; }
.buyCatLink { width:100%; margin:0 10px 0 0; display:block; position:relative; overflow:hidden; box-shadow:0 3px 6px rgba(0,0,0,0.16); border-radius:10px; }
.site-content a.buyCatLink:hover { background:#E1EDD8; text-decoration:none; }
.buyCatLinkImgs { width:100%; height:100px; overflow:hidden; border-radius:10px 10px 0 0; }
.buyCatLinkImg { width:100%; height:100%; object-fit:cover; transition:0.3s; }
.buyCatLink:hover .buyCatLinkImg { transition:0.3s; }
.buyCatLinkTexts { width:100%; padding:10px 0 10px 20px; display:flex; justify-content:left; position:relative; }
.buyCatLinkTexts::after { content:''; width:10px; height:10px; margin:-5px 0 0 0; border-top:2px solid #269F46; border-right:2px solid #269F46; transform:rotate(45deg); transition:0.3s; position:absolute; top:50%; right:10%; }
.buyCatLinkIcon { width:50px; margin-right:10px; }
.site-content a.buyCatLink:hover img.buyCatLinkIcon { transform:scale(1.0); }
.buyCatLinkText { margin-right:20px; display:flex; flex-direction:column; }
.buyCatLinkTextEn { color:#269F46; font-weight:600; font-size:14px; line-height:1.2; font-family:"Hind Siliguri"; letter-spacing:0.08em; }
.buyCatLinkTextJp { color:#000; font-weight:600; font-size:18px; line-height:1.2; letter-spacing:0.05em; }
@media (min-width:768px) {
	.contentsCategory { margin-top:50px; }
	.buyCats { padding:15px 0 80px 0; flex-direction:row; flex-wrap:wrap; justify-content:center; }
	.buyCat { width:32%; margin:20px 2% 50px 0; }
	.buyCat.noLink { display:block; }
	.buyCat.noLink a { pointer-events: none; opacity:0.5; }
	.buyCat:nth-child(3n) { margin:20px 0 50px 0; }
	.buyCatLinkImgs { height:auto; }
	.buyCatLinkTexts { padding:10px 0; justify-content:center; }
	.buyCatLinkIcon { width:77px; }
}

/*店舗*/
.buyIllStore { width:35%; position:absolute; top:-30px; right:2.5%; }
.buyStores { width:100%; padding-bottom:50px; display:flex; flex-direction:column; justify-content:left; align-items:center; }
.buyStore { width:100%; margin:20px 0; display:block; }
.buyStoreLink { width:100%; display:block; position:relative; color:#000; }
.buyStoreLink:hover { text-decoration:none; }
.buyStoreLinkImg { width:100%; display:block; border-radius:10px; overflow:hidden; transition:0.3s; }
.buyStoreLinkImg img { transition:0.3s; }
.buyStoreLink:hover .buyStoreLinkImg img { transition:0.3s; }
.buyStoreLinkText { width:100%; margin:10px 0 0 0; display:flex; justify-content:space-between; align-items:center; position:relative; transition:0.3s; font-weight:700; font-size:18px; }
/* .buyStoreLinkText:before{ content: ""; margin:0 0 0 0; display:inline-block; width:30px; height:30px; background:#269F46; border-radius:50%; vertical-align:middle; position:absolute; top:0; right:0; } */
.buyStoreLinkText:after{ content: ""; margin:5px 80px 4px 0; display:inline-block; width:10px; height:10px; transform: rotate(45deg); border-style:solid; border-color:#269F46; border-top-width:3px; border-right-width:3px; border-bottom-width:0; border-left-width:0; vertical-align:middle; }
@media (min-width:768px) {
	.buyIllStore { width:185px; position:absolute; top:auto; bottom:120px; right:5%; }
	.buyTriangle { width:106px; position:absolute; top:20px; right:20px; }
	.buyStores { padding:0 0 80px 0; flex-direction:row; flex-wrap:wrap; }
	.buyStore { width:32%; margin:20px 2% 20px 0; }
	.buyStore:nth-child(3n) { margin:20px 0; }
}

/*分譲物件*/
.contents.contentsProduce { margin-bottom:50px; }
.buyIllProduce { width:190px; position:absolute; top:-50px; right:10%; }
.buyProduces { width:100%; display:flex; flex-direction:column; }
.buyProduce { width:100%; margin:10px 0; }
.buyProduceLink { width:100%; display:flex; justify-content:space-between; align-items:center; background:#fff; }
.buyProduceLinkImg { width:50%; overflow:hidden; border-radius:10px; }
.buyProduceLinkText { width:47.5%; display:flex; flex-direction:column; position:relative; align-items:flex-start; }
.buyProduceLinkText:after{ content: ""; margin:-5px 0 0 0; display:inline-block; width:10px; height:10px; transform: rotate(45deg); border-style:solid; border-color:#269F46; border-top-width:2px; border-right-width:2px; border-bottom-width:0; border-left-width:0; vertical-align:middle; position:absolute; top:50%; right:10%; }
.buyProduceLinkTextName { width:100%; color:#269F46; font-weight:700; line-height:1.2; }
.buyProduceLinkTextAddress { width:100%; margin:10px 0 0 0; display:flex; flex-direction:column; align-items:flex-start; color:#000; font-size:14px; line-height:1.2; }
.buyProduceLinkTextNew { margin:5px 0 0 0; padding:2px 5px; background:#E5777B; color:#fff; font-size:12px; }
@media (min-width:768px) {
	.contents.contentsProduce { margin-top:80px; }
	.buyIllProduce { top:-30px; }
	.buyProduces { margin:0; flex-direction:row; flex-wrap:wrap; }
	.buyProduce { width:22%; margin:10px 4% 50px 0; }
	.buyProduce:nth-child(4n) { margin:10px 0 0 0; }
	.buyProduceLink { flex-direction:column; background:none; }
	.buyProduceLink:hover { text-decoration:none; }
	.buyProduceLinkImg { width:100%; }
	.buyProduceLinkImg img { transition:0.3s; }
	.buyProduceLink:hover .buyProduceLinkImg img { transition:0.3s; }
	.buyProduceLinkText { width:100%; margin:10px 0 0 0; }
/* 	.buyProduceLinkText:before{ content: ""; margin:-15px 0 0 0; display:inline-block; width:30px; height:30px; background:#269F46; border-radius:50%; vertical-align:middle; position:absolute; top:50%; right:0; } */
	.buyProduceLinkText:after{ margin:-5px 12px 0 0; width:10px; height:10px; border-color:#269F46; top:50%; right:0;border-top-width: 3px; border-right-width: 3px; border-bottom-width: 0; border-left-width: 0;}
	.buyProduceLinkTextName br { display:none; }
	.buyProduceLinkTextAddress { flex-direction:row; }
	.buyProduceLinkTextAddress br { display:none; }
	.buyProduceLinkTextNew { margin:0 0 0 0; position:absolute; bottom:-25px; left:0; }
}

/*流れ*/
.contentsFlow { padding:30px 0 50px 0; }
.imgBuyFlowtop { width:100%; margin:20px auto; }
.buyFlowtop { width:100%; padding:0 5%; display:flex; flex-direction:column; }
.buyFlowtopTexts { width:100%; display:flex; flex-direction:column; }
.buyFlowtopStrong { width:100%; color:#269F46; font-weight:600; font-size:18px; }
.buyFlowtopText { width:100%; }
.buyFlowtopLink { width:100%; margin:10px 0 0 0; padding:10px 5%; display:block; background:#269F46; border-radius:10px; position:relative; color:#fff; text-align:center; font-weight:600; }
.buyFlowtopLink:after{ content: ""; margin:-5px 0 0 8px; display:inline-block; width:10px; height:10px; transform: rotate(45deg); border-style:solid; border-color:#fff; border-top-width:3px; border-right-width:3px; border-bottom-width:0; border-left-width:0; vertical-align:middle; position:absolute; top:50%; right:10%; }
@media (min-width:768px) {
	.contentsFlow { padding-top:70px; }
	.buyFlowtop { flex-direction:row; justify-content:space-between; align-items:end; }
	.buyFlowtopStrong { font-size:24px; }
	.buyFlowtopLink { width:280px; }
	.buyFlowtopLink:hover { color:#fff; text-decoration:none; opacity: 0.8; }
}

/*強み*/
.contentsPoint { padding:50px 5%; }
.buyPoints { width:100%; margin:20px 0 0 0; display:flex; flex-direction:column; gap:30px; }
.buyPoint { width:100%; position:relative; }
.buyPoint img { width:100%; display:block; margin:0 0 10px 0; }
.buyPointNms { width:65px; height:65px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#269F46; border-radius:50%; color:#fff; position:absolute; top:-10px; left:-10px; line-height:1.2; }
.buyPointNmsP { padding-top:5px; font-size:14px; line-height: 0.9; font-family:"Hind Siliguri"; }
.buyPointNm { font-size:24px; line-height: 0.9; font-family: "Hind Siliguri"; }
.entry-content h3.buyPointH3 { width:100%; margin:0; display:inline; background:linear-gradient(transparent 60%, #FDF64B 60%); color:#269F46; font-weight:600; }
.buyPointText { width:100%; margin-top:5px; display:block; }
@media (min-width:768px) {
	.contentsPoint { padding:90px 5%; }
	.buyPoints { margin:30px 0 0 0; flex-direction:row; }
	.buyPointNms { top:-15px; left:-15px; }
	.entry-content h3.buyPointH3 { font-size:24px; }
}

/*オーナー*/
.contentsOwner { padding:50px 0; }
.buyOwners { width:90%; margin:20px auto 0 auto; display:flex; flex-direction:column; gap:30px; }
.buyOwnerBox { width:100%; padding:20px 5%; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#fff; border-radius:10px; position:relative; }
.buyOwnerImg { width:50%; }
.buyOwnerTexts { width:100%; }
.entry-content h3.buyOwnerH3 { width:100%; margin:0; display:inline; color:#000; text-align:center; font-weight:600; font-size:20px; }
.buyOwnerText { width:100%; margin-top:5px; display:block; text-align:justify; }
.buyOwnerLink { width:100%; margin:10px 0 0 0; padding:10px 5%; display:block; background:#269F46; border-radius:10px; position:relative; color:#fff; text-align:center; font-weight:600; }
.buyOwnerLink:after{ content: ""; margin:-5px 0 0 8px; display:inline-block; width:10px; height:10px; transform: rotate(45deg); border-style:solid; border-color:#fff; border-top-width:3px; border-right-width:3px; border-bottom-width:0; border-left-width:0; vertical-align:middle; position:absolute; top:50%; right:10%; }
@media (min-width:768px) {
	.contentsOwner { padding:80px 0 100px 0; }
	.buyOwners { flex-direction:row; align-items:stretch; gap:30px 5%; }
	.buyOwnerBox { width:47.5%; padding:20px 2.5%; flex-direction:row; justify-content:space-between; gap:10px; }
	.buyOwnerImg { width:170px; }
	.entry-content h3.buyOwnerH3 { text-align:left; }
	.buyOwnerTexts { width:280px; }
	.buyOwnerText { height:5.5em; }
	.buyOwnerLink:hover { color:#fff; text-decoration:none; opacity:0.7; }
}

/*学校から探す*/
.schoolLists { width:100%; margin:0 auto 50px auto; position: relative;}
.schoolLists label	{ width:100%; height:50px; padding:0 5%; display:flex; align-items:center; justify-content:space-between; cursor:pointer; font-weight: 600; background:#E1EDD8; font-size: 18px; display:flex; position:relative; }
.schoolLists label:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
p.schoolName { display: inline-block; line-height: 1.8em; padding:0 18px 0 0;}
.schoolLists span.plus-icon { display: none; }
.schoolList { width:100%; height:auto; margin:0 0 30px 0; padding:0 5% 20px 5%; display:block; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.schoolList ul	{ width:100%; display:flex; flex-wrap:wrap; padding:20px 0 0 0; }
.schoolList ul li	{ width:50%; display:block; }
.schoolList ul li a	{ color:#000; display:inline-block; }
.schoolList ul li a::after { content:""; margin-left:5px; display:inline-block; width:6px; height:6px; margin-left:5px; transform:rotate(45deg); border-top:1px solid #000; border-right:1px solid #000; vertical-align:middle; }

@media (min-width:768px){ 
	.schoolLists	{ margin:0 auto 100px auto; }
	.schoolLists label	{ height:70px; }
	.schoolLists label:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
	.schoolLists span.plus-icon { display: block; width: 16px; height: 16px; position:relative; }
	.schoolLists span.plus-icon::before,.plus-icon::after {display: block; content: ''; position: absolute; background-color: #269F46; /* 緑色のプラスマーク */}
	.schoolLists span.plus-icon::before { width: 100%; /* 横線 */ height: 3px; top: 50%; left: 0; transform: translateY(-50%);}
	.schoolLists span.plus-icon::after { width: 3px; /* 縦線 */ height: 100%;top: 0;  left: 50%; transform: translateX(-50%);}
	.schoolList { padding:0 5%; }
	.schoolLists input[type="checkbox"].on-off + .schoolList{ height: 0; overflow: hidden; transition: all 0.3s 00s ease-out;}
	.schoolLists input[type="checkbox"].on-off:checked + .schoolList{ height:auto; padding-bottom:50px; border:1px solid #ccc; border-top:none; transition: all 0.3s 00s ease-out;}
	.schoolList ul	{ padding:30px 0 0 0; }
	.schoolList ul li	{ width:20%; margin:0 0 10px 0; }
	.schoolList ul li a:hover	{ text-decoration:underline; }
}
/*学校から探すここまで*/

/*流れ*/
.buyFlow { width:100%; margin:30px auto 100px auto; position:relative; }
.buyFlowBorder { width:6px; height:calc(100% - 100px); background:#DBDBDB; position:absolute; top:50px; bottom:50px; left:25%; }
.buyFlowBoxes { width:100%; display:block; position:relative; }
.buyFlowIll { display:none; } 
.buyStep { margin-bottom:-15px; position:relative; z-index:2; color:#269F46; text-align:right; font-family:"Hind Siliguri"; font-weight:600; font-size:26px; line-height:1.2; letter-spacing: 0.1em;}
.buyStep strong { font-family:"Hind Siliguri"; font-weight:600; font-size:45px; letter-spacing: 0.02em; }
.buyFlowBox { width:100%; margin:0 0 30px 0; display:block; background:#F5F7F7; border-radius:10px; position:relative; }
.buyFlowTexts { width:100%; display:block; position:relative; }
.entry-content h3.buyFlowH3 { width:100%; margin-bottom:10px; padding:30px 5% 0 5%; display:block; color:#269F46; font-weight:600; font-size:22px; letter-spacing:0.05em; }
.buyFlowText { width:100%; margin:0 0 0 0; padding:0 5% 30px 5%; display:block; text-align:justify; }
.buyFlowIll { width:80%; margin:0 auto 30px auto; padding:0 0 30px 0; }
.buyFlowPhoto { width:100%; margin:0; border-radius:0 0 10px 10px; }
@media (min-width:768px){
	.buyFlow { margin:50px 0; }
	.buyFlowBorder { height:calc(100% - 120px); top:40px; bottom:120px; left:0.5%; }
	.buyFlowBoxes { display:flex; flex-direction:column; align-items:flex-end; }
	.buyFlowIll { width:90px; display:block; position:absolute; z-index:1; } 
	.buyFlowIll2 { top:0; left:40%; } 
	.buyFlowIll3 { top:0; right:-5%; } 
	.buyFlowIll5 { top:-10px; left:35%; } 
	.buyFlowIll6 { bottom:0; left:7.5%; } 
	.buyFlowIll8 { bottom:0; right:-5%; } 
	.buyStep { width:90%; text-align:left; }
	.buyFlowBox { width:90%; margin:0 0 80px 0; display:flex; justify-content:space-between; }
	.buyFlowBox::before { content:''; width:10%; position:absolute; z-index:0; top:50%; left:-10%; border-top:3px dotted #269F46; }
	.buyFlowBox::after{ content:''; width:10px; height:10px; position:absolute; z-index:1; top:calc(50% - 3px); left:-10.75%; background:#269F46; border-radius:50%; }
	.buyFlowPhoto { width:340px; border-radius:0 10px 10px 0; object-fit:cover; }
}
/*流れここまで*/