Introduction

There are several organelles such as nucleus, mitochondria, lysosome and Golgi body in eukaryotic cells, and these organelles are separated by lipid membrane which was organized by weak interaction. The separation of organelles maintains the homeostasis of living cells. In order to understand the biological system, it is necessary to disturb the homeostasis (Stockwell 2004). Molecular genetics causes disturbance by regulating the expression level of a specific protein by genetic manipulation (Brenner 1974; Hartwell et al. 1991). On the other hand, an approach called chemical genetics has revealed the molecular mechanisms underlying biological processes by using organic small molecules instead of mutations and causing disturbance of biological systems (Schreiber 2003; Stockwell 2000). Disturbance using small organic molecules including peptides has been reported as inhibition of protein function (Kuruvilla et al. 2002), depolarization of mitochondria (Green et al. 2004), inhibition of translation in the process of protein synthesis (Tokala et al. 2018; Samundeeswari et al. 2017; Tacar et al. 2012) and disruption of the order of biological membranes (Felício et al. 2017). The findings obtained by these studies complement genetic understanding of biological systems and at the same time lead to understanding of epigenetic phenomena of living organisms.

Azobenzene and the related compounds undergo photoisomerization result in conformational change (Hartley 1937; Bandara et al. 2012; Merino et al. 2012; Banghart et al. 2004; Shinkai et al. 1983; Muraoka et al. 2003; Yu et al. 2003; Suzuki et al. 2012; Samanta et al. 2013; Lin et al. 2012; Wang et al. 2011; Beharry et al. 2011; Sebai et al. 2010; Sun et al. 2013; Hamada et al. 2005; Lee et al. 2012). It is reported that the isomerization of azobenzene derivatives causes dynamic disorder of phospholipid membrane, budding and bursting of lipid vesicles (Ishii et al. 2009; Diguet et al. 2012; Pernpeintner et al. 2017; Liu et al. 2017). These reports inspired to perform photo-manipulation of organic molecules in living cells. Azobenzene is isomerized from trans- to cis-form by absorbing ultraviolet radiation corresponding to ππ* transition. The light irradiation at this wavelength itself causes damage to living cells. Nakano et al. have reported to azobenzene-based photochromic compounds responded to visible light. The use of this compound enables photoisomerization in living cells without photo-damage (Ando et al. 2003; Tanino et al. 2007; Nakano et al. 2012). For dynamic observation of azobenzene derivatives in living cells due to photoisomerization, it is necessary to synthesize molecules in which azobenzene derivatives are bounded with fluorophores which do not interfere with azobenzene transition. Previously, we reported morphological changes of vesicles using visible-light-responsive azobenzene derivatives (Kasai et al. 2022) In this study, a compound in which a fluorophore (BODIPY) (Loudet et al. 2007; Ulrich et al. 2008; Boens et al. 2012; Zhang et al. 2013) and a cell membrane permeability enhancing site (TPP) (Zhang et al. 2015) are bonded to DBAB which is a compound responsive to visible light was synthesized, and its optical properties, behaviors in cells and the effect of photoisomerization of the compounds on cells were observed (Fig. 1).

Fig. 1
figure 1

Molecular design of DBT

Materials and methods

Synthesis of DBT

Desired compound DBT was synthesized as follows: Using 4-nitroaniline and phenol as starting materials, azobenzene derivative 3 was synthesized by diazo-coupling reaction (Parker et al. 2010). Protection of phenolic hydroxyl group gave 4 followed by reduction of nitro group of 4 to amino group to give 5. Ullmann amination of 5 with 4-iodobiphenyl using Cu powder and KOH gave 6. Subsequently, deprotection of 6 was performed to give DBAB unit 7 (Tanino et al. 2007; Nakano et al. 2012). Williamson-ether reaction with excess amount of 1,3-dibromopropane afforded mono ether 8, selectively (Scheme 1 Eq. 1). Similarly, Williamson-ether synthesis with 4-hydroxybenzaldehyde 9 and excess 1,3-dibromopropane afforded monoether 10. Subsequently, nucleophilic-substitution reaction 10 and triphenylphosphine gave triphenylphosphonium salt 11 (Scheme 1 Eq. 2). BODIPY derivative 13 synthesized from 3-ethyl-2,4-dimethylpyrrole 12 and 9 (Scheme 1 Eq. 3). Knoevenagel condensation reaction of 11 and 13 afforded 14, an extension of the π-conjugation, having BODIPY skeleton and two phosphonium moieties (Scheme 1 Eq. 4) (Kolemen et al. 2011). Finally, condensation of 8 and 14 afforded DBT framework, followed by treatment with NaBF4 for counter anion exchange was carried out. DBT was characterized by 1H, 13C, 19F and 31P NMR HRMS. The data obtained are in good agreement with the proposed structure. The details are shown in ESI.

Scheme 1
scheme 1

Synthetic route of DBT: (Eq. 1) a HCl, NaNO2, H2O, < 5 °C, 2 h, 96%; b ClCH2OCH3, DIPEA, CH2Cl2, 2 h, 87%; c Na2S·9H2O, EtOH/H2O, 12 h, 99%; d 4-iodobiphenyl, Cu, KOH, decaline, 180 °C, 24 h, 35%; TFA, CH2Cl2, r. t., 24 h, 83%; f Br(CH2)3Br, K2CO3, acetone, 3 h, 88%; (Eq. 2) g Br(CH2)3Br, K2CO3, acetone, 3 h, 83%; h PPh3, toluene, reflux, 48 h, 87%; (Eq. 3) i TFA, chloranil, DIPEA, BF3·OEt2, CH2Cl2, 84%; (Eq. 4) j PTSA, piperidine, toluene, 80 °C, 55%; (Eq. 5) k (i) K2CO3, acetone, reflux, 13 h; (ii) NaBF4, CH2Cl2, r. t., 3 h, 16%

Photoisomerization of azobenzene derivatives

For all photoisomerization experiment using by UV–Vis absorption spectra change, photo-irradiation was performed by placing the sample solution 1500 µl (1–30 µM in DMSO) in a quartz cell at 1 cm distance from a slit lens of Xe lamp for 5 min (150W Xe lamp in F-7000; Hitachi fluorescent spectrometer, irradiation of trans to cis at 450 nm, those of cis to trans at 550 nm). Time interval between the UV–Vis absorbance measurements is 30–60 s. Quantum yields were determined with a Otsuka Electronics QE-2000 calibrated integrating sphere system.

Preparation of GUVs containing DBT

Stock solution of DBT 30 µl (500 µM, DMSO) was added to disposable culture tubes. The sample was freeze-dried at -40 °C, < 10 Pa for 1 day. After freeze-dry, EYPC (ca. 0.5–3.0 mg) as a phospholipid and cholesterol (ca. 0.1 mg) is dissolved in dichloromethane (1000 µl) in disposable culture tubes. The solution of lipid and dichloromethane is deposited on a solid substrate, and then only the dichloromethane gradually evaporated by spraying nitrogen gas. After complete evaporation of the dichloromethane, a lipid dry film remains on the substrate. The lipid dry film is gently hydrated by ultrapure water (1 ml). After the sample is allowed to stand for 1 h. at 80 °C, GUVs containing DBT are spontaneously formed.

Photoisomerization effects of GUVs containing DBT

The GUVs containing DBT solution were then collected by 200 µL in dish with grid, after allowed to stand for 60 min to started observation. For the experiment involving sedimentation in GUVs including DBT solution was exposed to 473 nm polarized laser for 1 h using a semiconductor polarized laser (80 mW cm−2) placed 3 cm above the sample. The time interval between the snapshots is 1 min. The sedimentation, photo-irradiation and observation were then performed in the dark.

Cell culture

HepG2 cells were cultured in Dulbecco’s modified Eagle’s medium (DMEM, Sigma) containing 10% fetal clone III (FC III) and antibiotics in a humidified 5% CO2 incubator (Thermo) at 37 °C.

Evaluation of localization of DBT in living cell

HepG2 cells were incubated in glass cover slips one day before imaging. For live imaging, 2 mL of Hanks’ balanced salt solution (HBSS) containing DBT (5 µM), LysoTracker® Green (25 nM) and 2% DMSO was prepared. Subsequently, the cells were incubated with this solution for 15 min at 37 °C. After incubation, the incubation medium was removed and washed twice with 2 mL of HBSS. After standing for 10 min, fluorescence images were captured with a cooled digital CCD camera (ORCA-ER, Hamamatsu Photonics) attached to an inverted fluorescence microscope (Axiovert 135, Carl Zeiss), using band pass filter for DBT λex = 542–582 nm and λem = 604–644 nm; Lysotracker® Green λex = 459–481 nm and λem = 499–529 nm of fluorescence microscope.

Photoisomerization effects of HepG2 cells containing DBT

Two mL of HBSS solution containing DBT (5 µM) and 1% DMSO was prepared as an incubation medium. Subsequently, the cells were incubated for 15 min at 37 °C. After incubation, the incubation medium was removed from the dish and the cells were washed twice with 2 mL HBSS. After standing for 10 min, fluorescence images of the cells were captured, using band pass filter for DBT λex = 542–582 nm and λem = 604–644 nm.

For the experiment involving sedimentation in HepG2 cells including DBT was exposed to 473 nm polarized laser for 20 min using a semiconductor polarized laser (80 mW cm−2) placed 3 cm above the sample. The time interval between the snapshots is 4 min. The sedimentation, photo-irradiation and observation were then performed in the dark.

Trypan blue staining

After irradiation to HepG2 cells containing DBT, the cells were stained with 0.2% Trypan Blue solution (50% HBSS buffer). After incubation for 1 min, the cell culture was washed twice with HBSS (2 mL).

Photoreaction of diphenylbenzofuran DPBF in the presence of DBT

A solution of DPBF in DMSO (30 µM, 2.0 ml) in the presence or absence of DBT (10 µM) was irradiated with 473 or 562 nm light in a quartz cell at room temperature for 10 min under air bubbling. After irradiating, the fluorescence intensity of DPBF was measured by fluorescence spectrophotometer.

Results and discussion

The UV–Vis and fluorescence spectrum of DBT was compared to azobenzene AB, DBAB, 13 and 14. A ππ* transition absorption of DBAB moiety in DBT was observed at 434 nm in DMSO solution. Comparing to that of AB (317 nm), the absorption was redshifted by the influence of the dibiphenylamino group and reached the visible-light region. In 13 and 14 having BODIPY skeleton, absorption maximum wavelength was observed at 525, 654 nm, and fluorescence wavelength was observed at 543, 683 nm, respectively. By combining two styryl groups as conjugating side chains in the BODIPY moiety, the conjugation of 14 is expanded, and a significant redshift occurs in both absorption and fluorescence as compared with 13. Similarly, the absorption maximum wavelength was observed at 656 nm, and the maximum fluorescence of DBT was observed at 686 nm with a Stoke shift of 667 cm−1 (Table 1). DBAB and BODIPY exist independently in optical characteristics in DBT.

Table 1 Photophysical properties of DBT and related compoundsa

DBT was dissolved in DMSO and photoisomerization measurements were performed by photo-irradiation using a xenon lamp at 450 nm and 550 nm. The absorption spectra after irradiation per unit time were measured. In the UV–Vis spectrum of DBT, strong ππ* transition absorption from trans-DBAB and weak nπ* transition absorption at around 550 nm were observed at around 450 nm (Fig. 2). By irradiating 450 nm light, a decrease in absorption band around 450 nm and a slight increase in absorption band around 550 nm were observed to confirm photoisomerization to cis-DBAB (Fig. 2. left). By irradiating 550 nm light, the isomerization to trans-DBAB was observed (Fig. 2. right). These results suggest that reversible photoisomerization of DBT occurs similarly to other azobenzene derivatives (Ando et al. 2003; Tanino et al. 2007; Nakano et al. 2012).

Fig. 2
figure 2

UV–Vis spectra of DBT in DMSO after irradiation at 450 nm for 0.0, 0.5, 1.0, 1.5, 2.0, 2.5, 3.0 min (top) and after irradiation at 550 nm for 0.0, 0.5, 1.0, 1.5, 2.0, 2.5, 3.0 min (bottom). The inset shows the nπ* transition appears as a weak band at around 530 nm

GUVs containing DBT were prepared by natural swelling method (Hishida 2010), and localized portions of DBT were observed using a fluorescence microscopic analysis. GUVs for fluorescence observation were prepared using DOPC as lipids. The result suggests that DBT was localized between hydrophobic membranes of vesicles due to the influence of the hydrophobic moiety possessed by DBT (Fig. 3).

Fig. 3
figure 3

Microscope images of GUVs containing DBT: Brightfield image (left); fluorescent image of DBT (right); GUVs are made from DOPC with DBT

DBT was introduced into GUVs prepared from EYPC, and laser light (473 nm, 80 mW) was irradiated to the GUVs, and morphological change of vesicles was observed with an optical microscope at a minute interval. GUVs containing DBT and cholesterol were prepared by natural swelling method in the similar way as fluorescence observation and DBT (500 nM) was also added to the solution to observe morphological change (Fig. 4a). As a result, before the start of the observation, it was a perfect round sphere without distortion, but it was able to observe the morphological change that causes distortion gradually as light irradiation. Ultimately, the division of the vesicle was seen (Fig. 4b). Such morphological changes due to light irradiation could be confirmed by several vesicles in the other fields (Ishii et al. 2009; Diguet et al. 2012; Pernpeintner et al. 2017; Liu et al. 2017).

Fig. 4
figure 4

a Experimental setup for observation effect of GUVs containing DBT by irradiation of laser beam at 473 nm. b Microscopic images with irradiation polarized laser at 473 nm to GUVs containing DBT for t = 0, 2, 7 and 8 min. GUVs are made from EYPC with DBT and cholesterol

Furthermore, the morphological changes of vesicles by irradiation were monitored using fluorescence microscopy (Fig. 5). At first, the vesicle, which was a sphere (Fig. 5a), was immediately deformed by 473 nm light irradiation (Fig. 5b). In addition, when the vesicle was irradiated with 562 nm light, which is the isomerization wavelength from the cis to the trans-form, the strain was eliminated and returned to the sphere such as before irradiation (Fig. 5c). This phenomenon seems to cause morphological changes with the structural change of DBT, which was all trans-form before light irradiation, by the isomerization to the cis-form. In addition, 562 nm light irradiation was caused by photoisomerization to the trans-form, and the distortion was eliminated by returning to the same state as before irradiation. It is considered that reversible morphological change was observed by causing destabilization of the membrane structure along with photoisomerization of DBT localized to the hydrophobic part of the vesicle with the TPP moiety oriented outer sphere.

Fig. 5
figure 5

Microscopic images (top) and fluorescent images (bottom) of GUVs containing DBT. The GUVs made from DOPC with DBT and cholesterol. a Before irradiation; b Irradiation at 473 nm for 1 min; c Irradiation at 562 nm for 1 min

DBT was loaded into living cells and localized sites were identified using a fluorescence microscope. HepG2 cells which are cancer cells derived from human liver cancer were used as biological samples. When DBT was introduced into this cell, uptake into the cell was confirmed. Double-staining experiments of DBT with MitoTracker® Green for mitochondria or LysoTracker® Green for lysosome were carried out. As shown in Figure S1, the fluorescence signals of DBT were not merged with mitochondria even though DBT is conjugated with TPP. The DBT signals were co-localized with lysosomes incubated at 37 °C (Fig. 6), whereas the uptake of DBT was dramatically inhibited at 4 °C (Figure S2). Basically, endocytosis is known as a temperature-dependent process and is inhibited at low temperatures. Thus, these results show that DBT was probably internalized into cells via an endocytic pathway and then localized to lysosomes without endosomal escape.

Fig. 6
figure 6

Fluorescence images of HepG2 cells loaded DBT and LysoTracker® Green were loaded. a Fluorescence image of DBT (5 µM); b Fluorescent image of LysoTracker® Green (25 nM); c Brightfield image; d Merged image. Scale bar is 20 µm. e Pearson correlation (r = 0.829)

Furthermore, changes in cell morphology due to light irradiation were examined with a fluorescence microscope equipped with a laser light irradiation (473 nm, 30 mW) device. HepG2 cells containing DBT were irradiated for cumulative irradiation time of 20 min and the morphological change of the cells was followed with a fluorescence microscope. As the irradiation time became longer, the morphology of the lysosome derived from the fluorescence emission of DBT gradually became blurred, and the morphological change due to the damage of the whole cell was observed (Fig. 7a). After light irradiation, Trypan Blue staining, which is a dead cell stain, was carried out, and it showed a positive reaction only in the region irradiated with light (Fig. 7b). As control experiments, no influence of cells was observed even when HepG2 cells without up-taking DBT were irradiated with 473 nm laser light (Figure S4). Furthermore, a compound having two TPP and BODIPY skeletons and not having DBAB (15) was also synthesized. Cell death was not induced by light irradiation of HepG2 cells into which the compound was loaded (Figure S5). Cytotoxicity of DBT was also checked by CCK-8 assay. As a result, DBT was not cytotoxic at least up to 10 μM. That is, the observed cell death was found to be induced by DBAB moiety in the DBT molecule and light irradiation on it.

Fig. 7
figure 7

a Microscopic image of the change in cell morphology after irradiation polarized laser at 473 nm to HepG2 cells containing DBT for t = 0, 12 and 20 min. b Trypan Blue staining after 20 min of light irradiation. c Structure of compound 15

As a factor causing cell death by photo-irradiating cells to which fluorescent dye has been loaded, it is considered that the loaded dye acts as a photosensitizer to generate singlet oxygen, and the chemical species causes cell death. Using singlet oxygen detection reagent DPBF, DBT solution was irradiated with light to investigate whether or not singlet oxygen was generated. DPBF reacts with singlet oxygen to produce 1,2-dibenzoylbenzene DBB (Zhang and Yang 2013; Zhang et al. 2013), which reduces the intensity of fluorescence originated from DPBF (Scheme 2).

Scheme 2
scheme 2

Photoreaction of DPBF with 1O2 in the presence of DBT

When only DPBF was irradiated with 473 nm light under an oxygen atmosphere, the decreasing rate of the fluorescence intensity derived from DPBF was 6.75%, and the decreasing rate of the fluorescence intensity was 8.23% even when irradiated with 562 nm light. This decrease in fluorescence intensity is considered to be due to self-bleaching of DPBF.

On the other hand, when DBT was added to a DMSO solution containing DPBF and irradiated with light having a wavelength of 562 nm, a clear decrease in the fluorescence derived from DPBF could be confirmed. However, even when irradiated with light with a wavelength of 473 nm, no significant decrease in fluorescence intensity could be observed (Table 2).

Table 2 Generation of singlet oxygen with photo-irradiation for DBT in DMSO

This result indicates that DBT does not generate singlet oxygen even when irradiated with DBAB ππ* transition absorption wavelength light. BODIPY absorbs light of its excitation wavelength and generates singlet oxygen by energy transfer accompanying collision with dissolved oxygen. It is known that the generated singlet oxygen reacts with the BODIPY dye itself, which causes bleaching with decomposition of the dye (Scholz et al. 2013; Mula et al. 2008). This breaching of DBT was not observed when light of 473 nm laser irradiates to DBT solution or living cell containing DBT.

When trans–cis isomerization light is irradiated to GUV into which the azo compound of the trans-form is inserted, a cis-form having a lower hydrophobicity than the trans-form is generated and released to the outside of the membrane, and disturbs the lipid organization, which results in GUV bursting (Suzuki et al. 2017). Based on our findings, the influence of DBT on living cells is considered as follows. In lysosomes localizing DBT, acidic encapsulated liquid containing various digestive enzymes has been separated from cytoplasm by biological membrane. DBT with a hydrophobic moiety is localized in the lipid membrane of the lysosome, and photoisomerization of the DBAB moiety of DBT causes destabilization of the membrane structure. As a result, lysosomal contents are eluted into the cytoplasm, cell homeostasis is not able to be maintained and cell death is caused (Fig. 8).

Fig. 8
figure 8

The proposed mechanism of cell death by photoisomerization of DBT in lysosome

Conclusions

An azobenzene derivative having cell membrane permeability and optically independent fluorophore was synthesized. This compound underwent photoisomerization, which in turn affected the stability of lipid membranes. This destabilization causes collapse of cellular homeostasis. Photo-dynamic therapy known as one of cancer therapeutic methods generates singlet oxygen and/or free radicals in cells using a sensitizer to damage cancer cells. It is revealed that the synthesized compound damaged the cells without generating reactive highly active chemical species by light irradiation.